inputmask.numeric.extensions.js 16 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371
  1. /*
  2. Input Mask plugin extensions
  3. http://github.com/RobinHerbots/jquery.inputmask
  4. Copyright (c) Robin Herbots
  5. Licensed under the MIT license
  6. */
  7. var Inputmask = require("../inputmask"), $ = Inputmask.dependencyLib;
  8. function autoEscape(txt, opts) {
  9. var escapedTxt = "";
  10. for (var i = 0; i < txt.length; i++) {
  11. if (Inputmask.prototype.definitions[txt.charAt(i)] ||
  12. opts.definitions[txt.charAt(i)] ||
  13. opts.optionalmarker.start === txt.charAt(i) ||
  14. opts.optionalmarker.end === txt.charAt(i) ||
  15. opts.quantifiermarker.start === txt.charAt(i) ||
  16. opts.quantifiermarker.end === txt.charAt(i) ||
  17. opts.groupmarker.start === txt.charAt(i) ||
  18. opts.groupmarker.end === txt.charAt(i) ||
  19. opts.alternatormarker === txt.charAt(i)) {
  20. escapedTxt += "\\" + txt.charAt(i)
  21. } else escapedTxt += txt.charAt(i);
  22. }
  23. return escapedTxt;
  24. }
  25. function alignDigits(buffer, digits, opts) {
  26. if (buffer.length > 0) {
  27. var radixPosition = $.inArray(opts.radixPoint, buffer);
  28. if (radixPosition === -1) {
  29. buffer.push(opts.radixPoint);
  30. radixPosition = buffer.length - 1;
  31. }
  32. for (var i = 1; i <= digits; i++) {
  33. buffer[radixPosition + i] = buffer[radixPosition + i] || "0";
  34. }
  35. }
  36. return buffer;
  37. }
  38. function GetLastValidPosition(maskset) {
  39. var posNdx;
  40. for (posNdx in maskset.validPositions) {
  41. }
  42. return posNdx;
  43. }
  44. //number aliases
  45. Inputmask.extendAliases({
  46. "numeric": {
  47. mask: function (opts) {
  48. opts.repeat = 0;
  49. //treat equal separator and radixpoint
  50. if (opts.groupSeparator === opts.radixPoint && opts.digits && opts.digits !== "0") {
  51. if (opts.radixPoint === ".") {
  52. opts.groupSeparator = ",";
  53. } else if (opts.radixPoint === ",") {
  54. opts.groupSeparator = ".";
  55. } else opts.groupSeparator = "";
  56. }
  57. //prevent conflict with default skipOptionalPartCharacter
  58. if (opts.groupSeparator === " ") {
  59. opts.skipOptionalPartCharacter = undefined;
  60. }
  61. //enforce placeholder to single
  62. if (opts.placeholder.length > 1) {
  63. opts.placeholder = opts.placeholder.charAt(0);
  64. }
  65. //only allow radixfocus when placeholder = 0
  66. if (opts.positionCaretOnClick === "radixFocus" && opts.placeholder === "") {
  67. opts.positionCaretOnClick = "lvp";
  68. }
  69. var decimalDef = "0";
  70. if (opts.numericInput === true) { //finance people input style
  71. decimalDef = "9";
  72. opts.positionCaretOnClick = opts.positionCaretOnClick === "radixFocus" ? "lvp" : opts.positionCaretOnClick;
  73. opts.digitsOptional = false;
  74. if (isNaN(opts.digits)) opts.digits = 2;
  75. opts._radixDance = false;
  76. } else opts.numericInput = true;
  77. var mask = "[+]";
  78. mask += autoEscape(opts.prefix, opts);
  79. if (opts.groupSeparator !== "")
  80. mask += "(" + opts.groupSeparator + "999){+|1}";
  81. else mask += "9{+}";
  82. if (opts.digits !== undefined) {
  83. var dq = opts.digits.toString().split(",");
  84. if (isFinite(dq[0]) && dq[1] && isFinite(dq[1])) {
  85. mask += opts.radixPoint + decimalDef + "{" + opts.digits + "}";
  86. } else if (isNaN(opts.digits) || parseInt(opts.digits) > 0) {
  87. if (opts.digitsOptional) {
  88. mask += "[" + opts.radixPoint + decimalDef + "{1," + opts.digits + "}]";
  89. } else mask += opts.radixPoint + decimalDef + "{" + opts.digits + "}";
  90. }
  91. }
  92. mask += autoEscape(opts.suffix, opts);
  93. mask += "[-]";
  94. opts.greedy = false; //enforce greedy false
  95. console.log(mask);
  96. return mask;
  97. },
  98. placeholder: "0",
  99. greedy: false,
  100. digits: "*", //number of fractionalDigits
  101. digitsOptional: true,
  102. enforceDigitsOnBlur: false,
  103. radixPoint: ".",
  104. positionCaretOnClick: "radixFocus",
  105. _radixDance: true,
  106. groupSeparator: "",
  107. allowMinus: true,
  108. negationSymbol: {
  109. front: "-", //"("
  110. back: "" //")"
  111. },
  112. prefix: "",
  113. suffix: "",
  114. rightAlign: true,
  115. min: null, //minimum value
  116. max: null, //maximum value
  117. step: 1,
  118. insertMode: true,
  119. autoUnmask: false,
  120. unmaskAsNumber: false,
  121. inputmode: "numeric",
  122. definitions: {
  123. "0": {
  124. validator: "[0-9\uFF11-\uFF19]"
  125. },
  126. "+": {
  127. validator: function (chrs, maskset, pos, strict, opts) {
  128. return (opts.allowMinus && (chrs === "-" || chrs === opts.negationSymbol.front));
  129. }
  130. },
  131. "-": {
  132. validator: function (chrs, maskset, pos, strict, opts) {
  133. return (opts.allowMinus && chrs === opts.negationSymbol.back);
  134. }
  135. }
  136. },
  137. preValidation: function (buffer, pos, c, isSelection, opts, maskset) {
  138. var radixPos = $.inArray(opts.radixPoint, buffer);
  139. if (c === "-" || c === opts.negationSymbol.front) {
  140. if (opts.allowMinus !== true) return false;
  141. var isNegative = false;
  142. $.each(maskset.validPositions, function (ndx, tst) {
  143. if (tst.match.def === "+") {
  144. isNegative = true;
  145. return false;
  146. }
  147. });
  148. return isNegative ? {
  149. remove: GetLastValidPosition(maskset),
  150. caret: radixPos >= pos ? pos + 1 : pos
  151. } : {
  152. insert: {pos: parseInt(GetLastValidPosition(maskset)) + 1, c: c, fromIsValid: true},
  153. caret: radixPos >= pos ? pos + 1 : pos
  154. };
  155. }
  156. if (opts._radixDance === true && isSelection === false && c === opts.radixPoint && (opts.digits !== undefined && (isNaN(opts.digits) || parseInt(opts.digits) > 0)) && radixPos !== pos) return {
  157. "caret": opts._radixDance && pos > radixPos ? radixPos : radixPos - 1
  158. };
  159. return true;
  160. },
  161. postValidation: function (buffer, pos, currentResult, opts) {
  162. return currentResult;
  163. },
  164. onBeforeWrite: function (e, buffer, caretPos, opts) {
  165. function parseMinMaxOptions(opts) {
  166. if (opts.parseMinMaxOptions === undefined) {
  167. // convert min and max options
  168. if (opts.min !== null) {
  169. opts.min = opts.min.toString().replace(new RegExp(Inputmask.escapeRegex(opts.groupSeparator), "g"), "");
  170. if (opts.radixPoint === ",") opts.min = opts.min.replace(opts.radixPoint, ".");
  171. opts.min = isFinite(opts.min) ? parseFloat(opts.min) : NaN;
  172. if (isNaN(opts.min)) opts.min = Number.MIN_VALUE;
  173. }
  174. if (opts.max !== null) {
  175. opts.max = opts.max.toString().replace(new RegExp(Inputmask.escapeRegex(opts.groupSeparator), "g"), "");
  176. if (opts.radixPoint === ",") opts.max = opts.max.replace(opts.radixPoint, ".");
  177. opts.max = isFinite(opts.max) ? parseFloat(opts.max) : NaN;
  178. if (isNaN(opts.max)) opts.max = Number.MAX_VALUE;
  179. }
  180. opts.parseMinMaxOptions = "done";
  181. }
  182. }
  183. var input = this.el, result;
  184. if (e) {
  185. switch (e.type) {
  186. case "blur":
  187. case "checkval":
  188. var unmasked;
  189. parseMinMaxOptions(opts);
  190. if (opts.min !== null || opts.max !== null) {
  191. unmasked = opts.onUnMask(buffer.join(""), undefined, $.extend({}, opts, {
  192. unmaskAsNumber: true
  193. }));
  194. if (opts.min !== null && unmasked < opts.min) {
  195. result = {refreshFromBuffer: true, buffer: opts.min.toString().split("")};
  196. } else if (opts.max !== null && unmasked > opts.max) {
  197. result = {refreshFromBuffer: true, buffer: opts.max.toString().split("")};
  198. }
  199. }
  200. }
  201. }
  202. return result;
  203. },
  204. onUnMask: function (maskedValue, unmaskedValue, opts) {
  205. if (unmaskedValue === "" && opts.nullable === true) {
  206. return unmaskedValue;
  207. }
  208. var processValue = maskedValue.replace(opts.prefix, "");
  209. processValue = processValue.replace(opts.suffix, "");
  210. processValue = processValue.replace(new RegExp(Inputmask.escapeRegex(opts.groupSeparator), "g"), "");
  211. if (opts.placeholder.charAt(0) !== "") {
  212. processValue = processValue.replace(new RegExp(opts.placeholder.charAt(0), "g"), "0");
  213. }
  214. if (opts.unmaskAsNumber) {
  215. if (opts.radixPoint !== "" && processValue.indexOf(opts.radixPoint) !== -1) processValue = processValue.replace(Inputmask.escapeRegex.call(this, opts.radixPoint), ".");
  216. processValue = processValue.replace(new RegExp("^" + Inputmask.escapeRegex(opts.negationSymbol.front)), "-");
  217. processValue = processValue.replace(new RegExp(Inputmask.escapeRegex(opts.negationSymbol.back) + "$"), "");
  218. return Number(processValue);
  219. }
  220. return processValue;
  221. },
  222. isComplete: function (buffer, opts) {
  223. var maskedValue = (opts.numericInput ? buffer.slice().reverse() : buffer).join("");
  224. maskedValue = maskedValue.replace(new RegExp("^" + Inputmask.escapeRegex(opts.negationSymbol.front)), "-");
  225. maskedValue = maskedValue.replace(new RegExp(Inputmask.escapeRegex(opts.negationSymbol.back) + "$"), "");
  226. maskedValue = maskedValue.replace(opts.prefix, "");
  227. maskedValue = maskedValue.replace(opts.suffix, "");
  228. maskedValue = maskedValue.replace(new RegExp(Inputmask.escapeRegex(opts.groupSeparator) + "([0-9]{3})", "g"), "$1");
  229. if (opts.radixPoint === ",") maskedValue = maskedValue.replace(Inputmask.escapeRegex(opts.radixPoint), ".");
  230. return isFinite(maskedValue);
  231. },
  232. onBeforeMask: function (initialValue, opts) {
  233. opts.isNegative = undefined;
  234. var radixPoint = opts.radixPoint || ",";
  235. if ((typeof initialValue == "number" || opts.inputType === "number") && radixPoint !== "") {
  236. initialValue = initialValue.toString().replace(".", radixPoint);
  237. }
  238. var valueParts = initialValue.split(radixPoint),
  239. integerPart = valueParts[0].replace(/[^\-0-9]/g, ""),
  240. decimalPart = valueParts.length > 1 ? valueParts[1].replace(/[^0-9]/g, "") : "";
  241. initialValue = integerPart + (decimalPart !== "" ? radixPoint + decimalPart : decimalPart);
  242. var digits = 0;
  243. if (radixPoint !== "") {
  244. digits = decimalPart.length;
  245. if (decimalPart !== "") {
  246. var digitsFactor = Math.pow(10, digits || 1);
  247. if (isFinite(opts.digits)) {
  248. digits = parseInt(opts.digits);
  249. digitsFactor = Math.pow(10, digits);
  250. }
  251. //make the initialValue a valid javascript number for the parsefloat
  252. initialValue = initialValue.replace(Inputmask.escapeRegex(radixPoint), ".");
  253. if (isFinite(initialValue))
  254. initialValue = Math.round(parseFloat(initialValue) * digitsFactor) / digitsFactor;
  255. initialValue = initialValue.toString().replace(".", radixPoint);
  256. }
  257. }
  258. //this needs to be in a separate part and not directly in decimalPart to allow rounding
  259. if (opts.digits === 0 && initialValue.indexOf(Inputmask.escapeRegex(radixPoint)) !== -1) {
  260. initialValue = initialValue.substring(0, initialValue.indexOf(Inputmask.escapeRegex(radixPoint)));
  261. }
  262. return alignDigits(initialValue.toString().split(""), digits, opts).join("");
  263. },
  264. onKeyDown: function (e, buffer, caretPos, opts) {
  265. // TODO FIXME
  266. var $input = $(this);
  267. if (e.ctrlKey) {
  268. switch (e.keyCode) {
  269. case Inputmask.keyCode.UP:
  270. $input.val(parseFloat(this.inputmask.unmaskedvalue()) + parseInt(opts.step));
  271. $input.trigger("setvalue");
  272. break;
  273. case Inputmask.keyCode.DOWN:
  274. $input.val(parseFloat(this.inputmask.unmaskedvalue()) - parseInt(opts.step));
  275. $input.trigger("setvalue");
  276. break;
  277. }
  278. }
  279. }
  280. },
  281. "currency": {
  282. prefix: "$ ",
  283. groupSeparator: ",",
  284. alias: "numeric",
  285. placeholder: "0",
  286. digits: 2,
  287. digitsOptional: false
  288. },
  289. "decimal": {
  290. alias: "numeric"
  291. },
  292. "integer": {
  293. alias: "numeric",
  294. digits: 0,
  295. radixPoint: ""
  296. },
  297. "percentage": {
  298. alias: "numeric",
  299. digits: 2,
  300. digitsOptional: true,
  301. radixPoint: ".",
  302. placeholder: "0",
  303. groupSeparator: "",
  304. min: 0,
  305. max: 100,
  306. suffix: " %",
  307. allowMinus: false
  308. },
  309. "indianns": { //indian numbering system
  310. alias: "numeric",
  311. mask: function (opts) {
  312. opts.repeat = 0;
  313. opts.groupSeparator = ",";
  314. opts.radixPoint = ".";
  315. //only allow radixfocus when placeholder = 0
  316. if (opts.positionCaretOnClick === "radixFocus" && opts.placeholder === "") {
  317. opts.positionCaretOnClick = "lvp";
  318. }
  319. if (opts.numericInput === true) { //finance people input style
  320. opts.positionCaretOnClick = opts.positionCaretOnClick === "radixFocus" ? "lvp" : opts.positionCaretOnClick;
  321. opts.digitsOptional = false;
  322. if (isNaN(opts.digits)) opts.digits = 2;
  323. opts._radixDance = false;
  324. } else opts.numericInput = true;
  325. var mask = "[+]";
  326. mask += autoEscape(opts.prefix, opts);
  327. mask += "(" + opts.groupSeparator + "99){*|1}(" + opts.groupSeparator + "999){1|1}";
  328. if (opts.digits !== undefined) {
  329. var dq = opts.digits.toString().split(",");
  330. if (isFinite(dq[0]) && dq[1] && isFinite(dq[1])) {
  331. mask += opts.radixPoint + "0{" + opts.digits + "}";
  332. } else if (isNaN(opts.digits) || parseInt(opts.digits) > 0) {
  333. if (opts.digitsOptional) {
  334. mask += "[" + opts.radixPoint + "0{1," + opts.digits + "}]";
  335. } else mask += opts.radixPoint + "0{" + opts.digits + "}";
  336. }
  337. }
  338. mask += autoEscape(opts.suffix, opts);
  339. mask += "[-]";
  340. opts.greedy = false; //enforce greedy false
  341. console.log(mask);
  342. return mask;
  343. },
  344. placeholder: "0",
  345. digits: 2,
  346. digitsOptional: false
  347. }
  348. });
  349. module.exports = Inputmask;