tests.js 49 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677787980818283848586878889909192939495969798991001011021031041051061071081091101111121131141151161171181191201211221231241251261271281291301311321331341351361371381391401411421431441451461471481491501511521531541551561571581591601611621631641651661671681691701711721731741751761771781791801811821831841851861871881891901911921931941951961971981992002012022032042052062072082092102112122132142152162172182192202212222232242252262272282292302312322332342352362372382392402412422432442452462472482492502512522532542552562572582592602612622632642652662672682692702712722732742752762772782792802812822832842852862872882892902912922932942952962972982993003013023033043053063073083093103113123133143153163173183193203213223233243253263273283293303313323333343353363373383393403413423433443453463473483493503513523533543553563573583593603613623633643653663673683693703713723733743753763773783793803813823833843853863873883893903913923933943953963973983994004014024034044054064074084094104114124134144154164174184194204214224234244254264274284294304314324334344354364374384394404414424434444454464474484494504514524534544554564574584594604614624634644654664674684694704714724734744754764774784794804814824834844854864874884894904914924934944954964974984995005015025035045055065075085095105115125135145155165175185195205215225235245255265275285295305315325335345355365375385395405415425435445455465475485495505515525535545555565575585595605615625635645655665675685695705715725735745755765775785795805815825835845855865875885895905915925935945955965975985996006016026036046056066076086096106116126136146156166176186196206216226236246256266276286296306316326336346356366376386396406416426436446456466476486496506516526536546556566576586596606616626636646656666676686696706716726736746756766776786796806816826836846856866876886896906916926936946956966976986997007017027037047057067077087097107117127137147157167177187197207217227237247257267277287297307317327337347357367377387397407417427437447457467477487497507517527537547557567577587597607617627637647657667677687697707717727737747757767777787797807817827837847857867877887897907917927937947957967977987998008018028038048058068078088098108118128138148158168178188198208218228238248258268278288298308318328338348358368378388398408418428438448458468478488498508518528538548558568578588598608618628638648658668678688698708718728738748758768778788798808818828838848858868878888898908918928938948958968978988999009019029039049059069079089099109119129139149159169179189199209219229239249259269279289299309319329339349359369379389399409419429439449459469479489499509519529539549559569579589599609619629639649659669679689699709719729739749759769779789799809819829839849859869879889899909919929939949959969979989991000100110021003100410051006100710081009101010111012101310141015101610171018101910201021102210231024102510261027102810291030103110321033103410351036103710381039104010411042104310441045104610471048104910501051105210531054105510561057105810591060106110621063106410651066106710681069107010711072107310741075107610771078107910801081108210831084108510861087108810891090109110921093109410951096109710981099110011011102110311041105110611071108110911101111111211131114111511161117111811191120112111221123112411251126112711281129113011311132113311341135113611371138113911401141114211431144114511461147114811491150115111521153115411551156115711581159116011611162116311641165116611671168116911701171117211731174117511761177117811791180118111821183118411851186118711881189119011911192119311941195119611971198119912001201120212031204120512061207120812091210121112121213121412151216121712181219122012211222122312241225122612271228122912301231123212331234123512361237123812391240124112421243124412451246124712481249125012511252125312541255125612571258125912601261126212631264126512661267126812691270127112721273127412751276127712781279128012811282128312841285128612871288128912901291129212931294129512961297129812991300130113021303130413051306130713081309131013111312131313141315131613171318131913201321132213231324132513261327132813291330133113321333133413351336133713381339134013411342134313441345134613471348134913501351135213531354135513561357135813591360136113621363136413651366136713681369137013711372137313741375137613771378137913801381138213831384138513861387138813891390139113921393139413951396139713981399140014011402140314041405140614071408140914101411
  1. var keyCodes = {
  2. ALT: 18, BACKSPACE: 8, CAPS_LOCK: 20, COMMA: 188, COMMAND: 91, COMMAND_LEFT: 91, COMMAND_RIGHT: 93, CONTROL: 17, DELETE: 46, DOWN: 40, END: 35, ENTER: 13, ESCAPE: 27, HOME: 36, INSERT: 45, LEFT: 37, MENU: 93, NUMPAD_ADD: 107, NUMPAD_DECIMAL: 110, NUMPAD_DIVIDE: 111, NUMPAD_ENTER: 108,
  3. NUMPAD_MULTIPLY: 106, NUMPAD_SUBTRACT: 109, PAGE_DOWN: 34, PAGE_UP: 33, PERIOD: 190, RIGHT: 39, SHIFT: 16, SPACE: 32, TAB: 9, UP: 38, WINDOWS: 91
  4. }
  5. function caret(input, begin, end) {
  6. var npt = input.jquery && input.length > 0 ? input[0] : input, range;
  7. if (typeof begin == 'number') {
  8. if (!$(input).is(':visible')) {
  9. return;
  10. }
  11. end = (typeof end == 'number') ? end : begin;
  12. if (npt.setSelectionRange) {
  13. npt.selectionStart = begin;
  14. npt.selectionEnd = end;
  15. } else if (npt.createTextRange) {
  16. range = npt.createTextRange();
  17. range.collapse(true);
  18. range.moveEnd('character', end);
  19. range.moveStart('character', begin);
  20. range.select();
  21. }
  22. } else {
  23. if (!$(input).is(':visible')) {
  24. return { "begin": 0, "end": 0 };
  25. }
  26. if (npt.setSelectionRange) {
  27. begin = npt.selectionStart;
  28. end = npt.selectionEnd;
  29. } else if (document.selection && document.selection.createRange) {
  30. range = document.selection.createRange();
  31. begin = 0 - range.duplicate().moveStart('character', -100000);
  32. end = begin + range.text.length;
  33. }
  34. return { "begin": begin, "end": end };
  35. }
  36. };
  37. $.fn.SendKey = function (keyCode, modifier) {
  38. var sendDummyKeydown = false;
  39. if (Object.prototype.toString.call(keyCode) == '[object String]') {
  40. keyCode = keyCode.charCodeAt(0);
  41. sendDummyKeydown = true;
  42. }
  43. switch (keyCode) {
  44. case keyCodes.LEFT: {
  45. if (modifier == undefined) {
  46. var pos = caret(this);
  47. caret(this, pos.begin - 1);
  48. break;
  49. }
  50. }
  51. case keyCodes.RIGHT: {
  52. if (modifier == undefined) {
  53. var pos = caret(this);
  54. caret(this, pos.begin + 1);
  55. break;
  56. }
  57. }
  58. default: {
  59. var keydown = $.Event("keydown"),
  60. keypress = $.Event("keypress"),
  61. keyup = $.Event("keyup");
  62. if (!sendDummyKeydown) {
  63. keydown.keyCode = keyCode;
  64. if (modifier == keyCodes.CONTROL)
  65. keydown.ctrlKey = true;
  66. }
  67. $(this).trigger(keydown);
  68. if (!keydown.isDefaultPrevented()) {
  69. keypress.keyCode = keyCode;
  70. if (modifier == keyCodes.CONTROL)
  71. keypress.ctrlKey = true;
  72. $(this).trigger(keypress);
  73. if (!keypress.isDefaultPrevented()) {
  74. keyup.keyCode = keyCode;
  75. if (modifier == keyCodes.CONTROL)
  76. keyup.ctrlKey = true;
  77. $(this).trigger(keyup);
  78. }
  79. }
  80. }
  81. }
  82. }
  83. $.fn.Type = function (inputStr) {
  84. var $input = $(this);
  85. $.each(inputStr.split(''), function (ndx, lmnt) {
  86. $input.SendKey(lmnt);
  87. });
  88. }
  89. module("Simple masking");
  90. test("inputmask(\"99-99-99\", { clearMaskOnLostFocus: false}", function () {
  91. $('body').append('<input type="text" id="testmask" />');
  92. $("#testmask").inputmask("99-99-99", { clearMaskOnLostFocus: false });
  93. equal(document.getElementById("testmask")._valueGet(), "__-__-__", "Result " + document.getElementById("testmask")._valueGet());
  94. $("#testmask").remove();
  95. });
  96. test("inputmask(\"99-99-99\", { clearMaskOnLostFocus: true}", function () {
  97. $('body').append('<input type="text" id="testmask" />');
  98. $("#testmask").inputmask("99-99-99", { clearMaskOnLostFocus: true });
  99. equal(document.getElementById("testmask").value, "", "Result " + document.getElementById("testmask").value);
  100. $("#testmask").remove();
  101. });
  102. test("inputmask(\"999.999.999\")", function () {
  103. $('body').append('<input type="text" id="testmask" />');
  104. $("#testmask").inputmask("999.999.999");
  105. $("#testmask")[0].focus();
  106. $("#testmask").SendKey(49);
  107. $("#testmask").SendKey(50);
  108. $("#testmask").SendKey(51);
  109. equal($("#testmask").val(), "123.___.___", "Result " + $("#testmask").val());
  110. $("#testmask").remove();
  111. });
  112. asyncTest("inputmask(\"999.999.999\", { oncomplete: ... })", 1, function () {
  113. $('body').append('<input type="text" id="testmask" />');
  114. $("#testmask").inputmask("999.999.999", {
  115. oncomplete: function () {
  116. equal($("#testmask").val(), "123.456.789", "Result " + $("#testmask").val());
  117. start();
  118. $("#testmask").remove();
  119. }
  120. });
  121. $("#testmask")[0].focus();
  122. $("#testmask").SendKey(49);
  123. $("#testmask").SendKey(50);
  124. $("#testmask").SendKey(51);
  125. $("#testmask").SendKey(52);
  126. $("#testmask").SendKey(53);
  127. $("#testmask").SendKey(54);
  128. $("#testmask").SendKey(55);
  129. $("#testmask").SendKey(56);
  130. $("#testmask").SendKey(57);
  131. });
  132. asyncTest("inputmask(\"9-AAA.999\") - change event", 1, function () {
  133. $('body').append('<input type="text" id="testmask" />');
  134. $("#testmask").inputmask("9-AAA.999").change(function () {
  135. ok(true, "Change triggered");
  136. $("#testmask").remove();
  137. start();
  138. });
  139. $("#testmask")[0].focus();
  140. $("#testmask").Type("1abc12");
  141. $("#testmask").blur();
  142. });
  143. asyncTest("inputmask(\"9-AAA.999\", { onincomplete: ... })", 1, function () {
  144. $('body').append('<input type="text" id="testmask" />');
  145. $("#testmask").inputmask("9-AAA.999", {
  146. onincomplete: function () {
  147. equal($("#testmask").val(), "1-ABC.12_", "Result " + $("#testmask").val());
  148. start();
  149. $("#testmask").remove();
  150. }
  151. });
  152. $("#testmask")[0].focus();
  153. $("#testmask").SendKey(49);
  154. $("#testmask").SendKey(65);
  155. $("#testmask").SendKey(66);
  156. $("#testmask").SendKey(67);
  157. $("#testmask").SendKey(49);
  158. $("#testmask").SendKey(50);
  159. $("#testmask").blur();
  160. });
  161. test("inputmask(\"999.999.999\") - delete 2nd with backspace, continue the mask", function () {
  162. $('body').append('<input type="text" id="testmask" />');
  163. $("#testmask").inputmask("999.999.999");
  164. $("#testmask")[0].focus();
  165. $("#testmask").SendKey(49);
  166. $("#testmask").SendKey(50);
  167. $("#testmask").SendKey(51);
  168. $("#testmask").SendKey(keyCodes.LEFT);
  169. $("#testmask").SendKey(keyCodes.LEFT);
  170. $("#testmask").SendKey(keyCodes.BACKSPACE);
  171. $("#testmask").SendKey(52);
  172. $("#testmask").SendKey(keyCodes.RIGHT);
  173. $("#testmask").SendKey(53);
  174. $("#testmask").SendKey(54);
  175. equal($("#testmask").val(), "143.56_.___", "Result " + $("#testmask").val());
  176. $("#testmask").remove();
  177. });
  178. test("inputmask(\"999.999.999\") - delete 2nd with delete, continue the mask", function () {
  179. $('body').append('<input type="text" id="testmask" />');
  180. $("#testmask").inputmask("999.999.999");
  181. $("#testmask")[0].focus();
  182. $("#testmask").SendKey(49);
  183. $("#testmask").SendKey(50);
  184. $("#testmask").SendKey(51);
  185. $("#testmask").SendKey(keyCodes.LEFT);
  186. $("#testmask").SendKey(keyCodes.LEFT);
  187. $("#testmask").SendKey(keyCodes.LEFT);
  188. $("#testmask").SendKey(keyCodes.DELETE);
  189. $("#testmask").SendKey(52);
  190. $("#testmask").SendKey(keyCodes.RIGHT);
  191. $("#testmask").SendKey(53);
  192. $("#testmask").SendKey(54);
  193. equal($("#testmask").val(), "143.56_.___", "Result " + $("#testmask").val());
  194. $("#testmask").remove();
  195. });
  196. test("inputmask(\"*****\")", function () {
  197. $('body').append('<input type="text" id="testmask" />');
  198. $("#testmask").inputmask("*****");
  199. $("#testmask")[0].focus();
  200. $("#testmask").Type("abe");
  201. $("#testmask").SendKey(keyCodes.LEFT);
  202. $("#testmask").Type("cd");
  203. equal($("#testmask").val(), "abcde", "Result " + $("#testmask").val());
  204. $("#testmask").remove();
  205. });
  206. module("Non-greedy masks");
  207. test("inputmask(\"*\", { greedy: false, repeat: \"*\" }) - replace cd with 1", function () {
  208. $('body').append('<input type="text" id="testmask" />');
  209. $("#testmask").inputmask("*", { greedy: false, repeat: "*" });
  210. $("#testmask")[0].focus();
  211. $("#testmask").Type("abcdef");
  212. caret($("#testmask"), 2, 4);
  213. $("#testmask").SendKey("1");
  214. equal($("#testmask").val(), "ab1ef", "Result " + $("#testmask").val());
  215. $("#testmask").remove();
  216. });
  217. test("inputmask(\"*\", { greedy: false, repeat: \"*\" }) - type abcdef", function () {
  218. $('body').append('<input type="text" id="testmask" />');
  219. $("#testmask").inputmask("*", { greedy: false, repeat: "*" });
  220. $("#testmask")[0].focus();
  221. $("#testmask").Type("abcdef");
  222. equal($("#testmask").val(), "abcdef", "Result " + $("#testmask").val());
  223. $("#testmask").remove();
  224. });
  225. module("greedy masks");
  226. test("inputmask(\"*\", { greedy: true, repeat: 10, clearMaskOnLostFocus: false })", function () {
  227. $('body').append('<input type="text" id="testmask" />');
  228. $("#testmask").inputmask("*", { greedy: true, repeat: 10, clearMaskOnLostFocus: false });
  229. $("#testmask")[0].focus();
  230. equal($("#testmask")[0]._valueGet(), "__________", "Result " + $("#testmask")[0]._valueGet());
  231. $("#testmask").remove();
  232. });
  233. test("inputmask(\"*\", { greedy: true, repeat: 10 }) - type 12345678901234567890", function () {
  234. $('body').append('<input type="text" id="testmask" />');
  235. $("#testmask").inputmask("*", { greedy: true, repeat: 10 });
  236. $("#testmask")[0].focus();
  237. $("#testmask").Type("12345678901234567890");
  238. equal($("#testmask").val(), "1234567890", "Result " + $("#testmask").val());
  239. $("#testmask").remove();
  240. });
  241. test("inputmask(\"9,99\", { greedy: true, repeat: 5 }) - type 12345678901234567890", function () {
  242. $('body').append('<input type="text" id="testmask" />');
  243. $("#testmask").inputmask("9,99", { greedy: true, repeat: 5 });
  244. $("#testmask")[0].focus();
  245. $("#testmask").Type("12345678901234567890");
  246. equal($("#testmask").val(), "1,234,567,890,123,45", "Result " + $("#testmask").val());
  247. $("#testmask").remove();
  248. });
  249. test("inputmask({ mask: \"9\", repeat: 10, placeholder: \"\", numericInput: true }) - greedy true with empty placeholder - type 12345", function () {
  250. $('body').append('<input type="text" id="testmask" />');
  251. $("#testmask").inputmask({ "mask": "9", repeat: 10, placeholder: "", numericInput: true });
  252. $("#testmask")[0].focus();
  253. $("#testmask").Type("12345");
  254. equal($("#testmask").val(), " 12345", "Result " + $("#testmask").val());
  255. $("#testmask").remove();
  256. });
  257. module("Initial value setting");
  258. test("inputmask(\"999:99\", { placeholder: \"0\"}) value=\"007:20\"", function () {
  259. $('body').append('<input type="text" id="testmask" value="007:20" />');
  260. $("#testmask").inputmask("999:99", { placeholder: "0" });
  261. equal($("#testmask").val(), "007:20", "Result " + $("#testmask").val());
  262. $("#testmask").remove();
  263. });
  264. test("inputmask(\"99 999 999 999 9999 \\D\\E*** 9999\") ~ value=\"01 650 103 002 0001 DE101 5170\"", function () {
  265. $('body').append('<input type="text" id="testmask" value="01 650 103 002 0001 DE101 5170" />');
  266. $("#testmask").inputmask("99 999 999 999 9999 \\D\\E*** 9999");
  267. equal($("#testmask").val(), "01 650 103 002 0001 DE101 5170", "Result " + $("#testmask").val());
  268. $("#testmask").remove();
  269. });
  270. test("inputmask(\"99 999 999 999 9999 \\D\\E*** 9999\") ~ value=\"016501030020001DE1015170\"", function () {
  271. $('body').append('<input type="text" id="testmask" value="016501030020001DE1015170" />');
  272. $("#testmask").inputmask("99 999 999 999 9999 \\D\\E*** 9999");
  273. equal($("#testmask").val(), "01 650 103 002 0001 DE101 5170", "Result " + $("#testmask").val());
  274. $("#testmask").remove();
  275. });
  276. test("inputmask(\"\\D\\E***\") ~ value=\"DE001\"", function () {
  277. $('body').append('<input type="text" id="testmask" value="DE001" />');
  278. $("#testmask").inputmask("\\D\\E***");
  279. equal($("#testmask").val(), "DE001", "Result " + $("#testmask").val());
  280. $("#testmask").remove();
  281. });
  282. test("inputmask(\"decimal\") ~ value=\"123.45\"", function () {
  283. $('body').append('<input type="text" id="testmask" value="123.45" />');
  284. $("#testmask").inputmask("decimal");
  285. equal($("#testmask").val(), "123.45", "Result " + $("#testmask").val());
  286. $("#testmask").remove();
  287. });
  288. module("Set value with fn.val");
  289. test("inputmask(\"decimal\") ~ value=\"123.45\"", function () {
  290. $('body').append('<input type="text" id="testmask" />');
  291. $("#testmask").inputmask("decimal");
  292. $("#testmask").val("123.45");
  293. equal($("#testmask").val(), "123.45", "Result " + $("#testmask").val());
  294. $("#testmask").remove();
  295. });
  296. test("inputmask(\"+7 (999) 999-99-99\") ~ value=\"+7 (+79114041112___) ___-__-__\"", function () {
  297. $('body').append('<input type="text" id="testmask" />');
  298. $("#testmask").inputmask("+7 (999) 999-99-99");
  299. $("#testmask").val("+7 (+79114041112___) ___-__-__");
  300. equal($("#testmask").val(), "+7 (911) 404-11-12", "Result " + $("#testmask").val());
  301. $("#testmask").remove();
  302. });
  303. test("inputmask(\"9\") ~ value=\"1\"", function () {
  304. $('body').append('<input type="text" id="testmask" />');
  305. $("#testmask").inputmask("9");
  306. $("#testmask").val("1");
  307. equal($("#testmask").val(), "1", "Result " + $("#testmask").val());
  308. $("#testmask").remove();
  309. });
  310. module("Optional & multi masks");
  311. test("inputmask(\"(99) 9999[9]-99999\") - input 121234-12345", function () {
  312. $('body').append('<input type="text" id="testmask" />');
  313. $("#testmask").inputmask("(99) 9999[9]-99999");
  314. $("#testmask")[0].focus();
  315. $("#testmask").Type("121234-12345");
  316. equal($("#testmask").val(), "(12) 1234-12345", "Result " + $("#testmask").val());
  317. $("#testmask").remove();
  318. });
  319. test("inputmask(\"(99) 9999[9]-99999\") - input 121234512345", function () {
  320. $('body').append('<input type="text" id="testmask" />');
  321. $("#testmask").inputmask("(99) 9999[9]-99999");
  322. $("#testmask")[0].focus();
  323. $("#testmask").Type("121234512345");
  324. equal($("#testmask").val(), "(12) 12345-12345", "Result " + $("#testmask").val());
  325. $("#testmask").remove();
  326. });
  327. test("inputmask({ mask: [\"999.999.999-99\", \"99.999.999/9999-99\"]}) - input 12312312312", function () {
  328. $('body').append('<input type="text" id="testmask" />');
  329. $("#testmask").inputmask({ mask: ["999.999.999-99", "99.999.999/9999-99"] });
  330. $("#testmask")[0].focus();
  331. $("#testmask").Type("12312312312");
  332. equal($("#testmask").val(), "123.123.123-12", "Result " + $("#testmask").val());
  333. $("#testmask").remove();
  334. });
  335. test("inputmask({ mask: [\"999.999.999-99\", \"99.999.999/9999-99\"]}) - input 12.123123123412", function () {
  336. $('body').append('<input type="text" id="testmask" />');
  337. $("#testmask").inputmask({ mask: ["999.999.999-99", "99.999.999/9999-99"] });
  338. $("#testmask")[0].focus();
  339. $("#testmask").Type("12.123123123412");
  340. equal($("#testmask").val(), "12.123.123/1234-12", "Result " + $("#testmask").val());
  341. $("#testmask").remove();
  342. });
  343. test("inputmask({ mask: [\"99999\", \"99999-9999\"]]}) - input 12345", function () {
  344. $('body').append('<input type="text" id="testmask" />');
  345. $("#testmask").inputmask({ mask: ["99999", "99999-9999"] });
  346. $("#testmask")[0].focus();
  347. $("#testmask").Type("12345");
  348. equal($("#testmask").val(), "12345", "Result " + $("#testmask").val());
  349. $("#testmask").remove();
  350. });
  351. test("inputmask({ mask: [\"99999\", \"99999-9999\"]]}) - input 12345-1234", function () {
  352. $('body').append('<input type="text" id="testmask" />');
  353. $("#testmask").inputmask({ mask: ["99999", "99999-9999"] });
  354. $("#testmask")[0].focus();
  355. $("#testmask").Type("12345-1234");
  356. equal($("#testmask").val(), "12345-1234", "Result " + $("#testmask").val());
  357. $("#testmask").remove();
  358. });
  359. test("inputmask({ mask: [\"99999\", \"99999-9999\"]]}) - input 123451234", function () {
  360. $('body').append('<input type="text" id="testmask" />');
  361. $("#testmask").inputmask({ mask: ["99999", "99999-9999"] });
  362. $("#testmask")[0].focus();
  363. $("#testmask").Type("123451234");
  364. equal($("#testmask").val(), "12345-1234", "Result " + $("#testmask").val());
  365. $("#testmask").remove();
  366. });
  367. test("inputmask({ mask: [\"99999\", \"99999-9999\"]]}) - input 1234512", function () {
  368. $('body').append('<input type="text" id="testmask" />');
  369. $("#testmask").inputmask({ mask: ["99999", "99999-9999"] });
  370. $("#testmask")[0].focus();
  371. $("#testmask").Type("1234512");
  372. equal($("#testmask").val(), "12345-12__", "Result " + $("#testmask").val());
  373. $("#testmask").remove();
  374. });
  375. test("inputmask({ mask: [\"99999\", \"99999-9999\", \"999999-9999\"]]}) - input 1234561234", function () {
  376. $('body').append('<input type="text" id="testmask" />');
  377. $("#testmask").inputmask({ mask: ["99999", "99999-9999", "999999-9999"] });
  378. $("#testmask")[0].focus();
  379. $("#testmask").Type("1234561234");
  380. equal($("#testmask").val(), "123456-1234", "Result " + $("#testmask").val());
  381. $("#testmask").remove();
  382. });
  383. test("inputmask({ mask: [\"99999\", \"99999-9999\", \"999999-9999\"]]}) - input 123456", function () {
  384. $('body').append('<input type="text" id="testmask" />');
  385. $("#testmask").inputmask({ mask: ["99999", "99999-9999", "999999-9999"] });
  386. $("#testmask")[0].focus();
  387. $("#testmask").Type("123456");
  388. equal($("#testmask").val(), "123456-____", "Result " + $("#testmask").val());
  389. $("#testmask").remove();
  390. });
  391. test("inputmask({ mask: \"99999[-9999]\", greedy: true }) - input 123", function () {
  392. $('body').append('<input type="text" id="testmask" />');
  393. $("#testmask").inputmask({ mask: "99999[-9999]", greedy: true });
  394. $("#testmask")[0].focus();
  395. $("#testmask").Type("123");
  396. equal($("#testmask").val(), "123__-____", "Result " + $("#testmask").val());
  397. $("#testmask").remove();
  398. });
  399. test("inputmask({ mask: \"99999[-9999]\", greedy: false }) - input 123", function () {
  400. $('body').append('<input type="text" id="testmask" />');
  401. $("#testmask").inputmask({ mask: "99999[-9999]", greedy: false });
  402. $("#testmask")[0].focus();
  403. $("#testmask").Type("123");
  404. equal($("#testmask").val(), "123__", "Result " + $("#testmask").val());
  405. $("#testmask").remove();
  406. });
  407. test("inputmask({ mask: \"99999[-9999]\", greedy: false }) - input 12345", function () {
  408. $('body').append('<input type="text" id="testmask" />');
  409. $("#testmask").inputmask({ mask: "99999[-9999]", greedy: false });
  410. $("#testmask")[0].focus();
  411. $("#testmask").Type("12345");
  412. equal($("#testmask").val(), "12345", "Result " + $("#testmask").val());
  413. $("#testmask").remove();
  414. });
  415. test("inputmask({ mask: \"99999[-9999]\", greedy: false }) - input 123456", function () {
  416. $('body').append('<input type="text" id="testmask" />');
  417. $("#testmask").inputmask({ mask: "99999[-9999]", greedy: false });
  418. $("#testmask")[0].focus();
  419. $("#testmask").Type("123456");
  420. equal($("#testmask").val(), "12345-6___", "Result " + $("#testmask").val());
  421. $("#testmask").remove();
  422. });
  423. test("inputmask({ mask: \"99999[-9999]\", greedy: false }) - input 123456789", function () {
  424. $('body').append('<input type="text" id="testmask" />');
  425. $("#testmask").inputmask({ mask: "99999[-9999]", greedy: false });
  426. $("#testmask")[0].focus();
  427. $("#testmask").Type("123456789");
  428. equal($("#testmask").val(), "12345-6789", "Result " + $("#testmask").val());
  429. $("#testmask").remove();
  430. });
  431. test("inputmask({ mask: [\"99999\", \"99999-9999\", \"999999-9999\"]]}) - input 123456 (rtl)", function () {
  432. $('body').append('<input type="text" id="testmask" dir="rtl" />');
  433. $("#testmask").inputmask({ mask: ["99999", "99999-9999", "999999-9999"] });
  434. $("#testmask")[0].focus();
  435. $("#testmask").Type("123456");
  436. equal($("#testmask").val(), "____-654321", "Result " + $("#testmask").val());
  437. $("#testmask").remove();
  438. });
  439. test("inputmask(\"9[9][9] 999[9] 9999\") - input 123123 space 1234 - vipink70", function () {
  440. $('body').append('<input type="text" id="testmask" />');
  441. $("#testmask").inputmask("9[9][9] 999[9] 9999");
  442. $("#testmask")[0].focus();
  443. $("#testmask").Type("123123");
  444. $("#testmask").SendKey(keyCodes.SPACE);
  445. $("#testmask").Type("1234");
  446. equal($("#testmask").val(), "123 123 1234", "Result " + $("#testmask").val());
  447. $("#testmask").remove();
  448. });
  449. module("Date.Extensions");
  450. test("inputmask(\"dd/mm/yyyy\") - input 2331973", function () {
  451. $('body').append('<input type="text" id="testmask" />');
  452. $("#testmask").inputmask("dd/mm/yyyy");
  453. $("#testmask")[0].focus();
  454. $("#testmask").SendKey("2");
  455. $("#testmask").SendKey("3");
  456. $("#testmask").SendKey("3");
  457. $("#testmask").SendKey("1");
  458. $("#testmask").SendKey("9");
  459. $("#testmask").SendKey("7");
  460. $("#testmask").SendKey("3");
  461. equal($("#testmask").val(), "23/03/1973", "Result " + $("#testmask").val());
  462. $("#testmask").remove();
  463. });
  464. test("inputmask(\"mm/dd/yyyy\") - input 3231973", function () {
  465. $('body').append('<input type="text" id="testmask" />');
  466. $("#testmask").inputmask("mm/dd/yyyy");
  467. $("#testmask")[0].focus();
  468. $("#testmask").SendKey("3");
  469. $("#testmask").SendKey("2");
  470. $("#testmask").SendKey("3");
  471. $("#testmask").SendKey("1");
  472. $("#testmask").SendKey("9");
  473. $("#testmask").SendKey("7");
  474. $("#testmask").SendKey("3");
  475. equal($("#testmask").val(), "03/23/1973", "Result " + $("#testmask").val());
  476. $("#testmask").remove();
  477. });
  478. test("inputmask(\"dd/mm/yyyy\") - input 29022012", function () {
  479. $('body').append('<input type="text" id="testmask" />');
  480. $("#testmask").inputmask("dd/mm/yyyy");
  481. $("#testmask")[0].focus();
  482. $("#testmask").SendKey("2");
  483. $("#testmask").SendKey("9");
  484. $("#testmask").SendKey("0");
  485. $("#testmask").SendKey("2");
  486. $("#testmask").SendKey("2");
  487. $("#testmask").SendKey("0");
  488. $("#testmask").SendKey("1");
  489. $("#testmask").SendKey("2");
  490. equal($("#testmask").val(), "29/02/2012", "Result " + $("#testmask").val());
  491. $("#testmask").remove();
  492. });
  493. test("inputmask(\"dd/mm/yyyy\") - input 29022013", function () {
  494. $('body').append('<input type="text" id="testmask" />');
  495. $("#testmask").inputmask("dd/mm/yyyy");
  496. $("#testmask")[0].focus();
  497. $("#testmask").SendKey("2");
  498. $("#testmask").SendKey("9");
  499. $("#testmask").SendKey("0");
  500. $("#testmask").SendKey("2");
  501. $("#testmask").SendKey("2");
  502. $("#testmask").SendKey("0");
  503. $("#testmask").SendKey("1");
  504. $("#testmask").SendKey("3");
  505. equal($("#testmask").val(), "29/02/201y", "Result " + $("#testmask").val());
  506. $("#testmask").remove();
  507. });
  508. test("inputmask(\"mm/dd/yyyy\") - input 02292012", function () {
  509. $('body').append('<input type="text" id="testmask" />');
  510. $("#testmask").inputmask("mm/dd/yyyy");
  511. $("#testmask")[0].focus();
  512. $("#testmask").SendKey("0");
  513. $("#testmask").SendKey("2");
  514. $("#testmask").SendKey("2");
  515. $("#testmask").SendKey("9");
  516. $("#testmask").SendKey("2");
  517. $("#testmask").SendKey("0");
  518. $("#testmask").SendKey("1");
  519. $("#testmask").SendKey("2");
  520. equal($("#testmask").val(), "02/29/2012", "Result " + $("#testmask").val());
  521. $("#testmask").remove();
  522. });
  523. test("inputmask(\"mm/dd/yyyy\") - input 02292013", function () {
  524. $('body').append('<input type="text" id="testmask" />');
  525. $("#testmask").inputmask("mm/dd/yyyy");
  526. $("#testmask")[0].focus();
  527. $("#testmask").SendKey("0");
  528. $("#testmask").SendKey("2");
  529. $("#testmask").SendKey("2");
  530. $("#testmask").SendKey("9");
  531. $("#testmask").SendKey("2");
  532. $("#testmask").SendKey("0");
  533. $("#testmask").SendKey("1");
  534. $("#testmask").SendKey("3");
  535. equal($("#testmask").val(), "02/29/201y", "Result " + $("#testmask").val());
  536. $("#testmask").remove();
  537. });
  538. test("inputmask(\"dd/mm/yyyy\") - input CTRL RIGHT", function () {
  539. $('body').append('<input type="text" id="testmask" />');
  540. $("#testmask").inputmask("dd/mm/yyyy");
  541. $("#testmask")[0].focus();
  542. $("#testmask").SendKey(keyCodes.RIGHT, keyCodes.CONTROL);
  543. ok($("#testmask").val() != "dd/mm/yyyy", "Result " + $("#testmask").val());
  544. $("#testmask").remove();
  545. });
  546. test("inputmask(\"dd/mm/yyyy\") - input 2331973 BACKSPACE x4 2013", function () {
  547. $('body').append('<input type="text" id="testmask" />');
  548. $("#testmask").inputmask("dd/mm/yyyy");
  549. $("#testmask")[0].focus();
  550. $("#testmask").SendKey("2");
  551. $("#testmask").SendKey("3");
  552. $("#testmask").SendKey("3");
  553. $("#testmask").SendKey("1");
  554. $("#testmask").SendKey("9");
  555. $("#testmask").SendKey("7");
  556. $("#testmask").SendKey("3");
  557. $("#testmask").SendKey(keyCodes.BACKSPACE);
  558. $("#testmask").SendKey(keyCodes.BACKSPACE);
  559. $("#testmask").SendKey(keyCodes.BACKSPACE);
  560. $("#testmask").SendKey(keyCodes.BACKSPACE);
  561. $("#testmask").SendKey("2");
  562. $("#testmask").SendKey("0");
  563. $("#testmask").SendKey("1");
  564. $("#testmask").SendKey("3");
  565. equal($("#testmask").val(), "23/03/2013", "Result " + $("#testmask").val());
  566. $("#testmask").remove();
  567. });
  568. test("inputmask(\"dd/mm/yyyy\") - input 23373 ", function () {
  569. $('body').append('<input type="text" id="testmask" />');
  570. $("#testmask").inputmask("dd/mm/yyyy");
  571. $("#testmask")[0].focus();
  572. $("#testmask").Type("23373");
  573. equal($("#testmask").val(), "23/03/2073", "Result " + $("#testmask").val());
  574. $("#testmask").remove();
  575. });
  576. test("inputmask(\"dd/mm/yyyy\", { yearrange: { minyear: 1900, maxyear: 2000 } }) - input 23373 ", function () {
  577. $('body').append('<input type="text" id="testmask" />');
  578. $("#testmask").inputmask("dd/mm/yyyy", { yearrange: { minyear: 1900, maxyear: 2000 } });
  579. $("#testmask")[0].focus();
  580. $("#testmask").Type("23373");
  581. equal($("#testmask").val(), "23/03/1973", "Result " + $("#testmask").val());
  582. $("#testmask").remove();
  583. });
  584. test("inputmask(\"hh:mm\") - add remove add", function () {
  585. $('body').append('<input type="text" id="testmask" />');
  586. $('#testmask').inputmask('hh:mm', { clearIncomplete: true });
  587. $('#testmask').inputmask('remove');
  588. $('#testmask').inputmask('hh:mm', { clearIncomplete: true });
  589. $("#testmask")[0].focus();
  590. $("#testmask").Type("abcdef");
  591. $("#testmask").Type("23:50");
  592. equal($("#testmask").val(), "23:50", "Result " + $("#testmask").val());
  593. $("#testmask").remove();
  594. });
  595. module("Numeric.Extensions");
  596. test("inputmask(\"decimal\", { autoGroup: true, groupSeparator: \",\" }\") - input 12345.123", function () {
  597. $('body').append('<input type="text" id="testmask" />');
  598. $("#testmask").inputmask("decimal", { autoGroup: true, groupSeparator: "," });
  599. $("#testmask")[0].focus();
  600. $("#testmask").SendKey("1");
  601. $("#testmask").SendKey("2");
  602. $("#testmask").SendKey("3");
  603. $("#testmask").SendKey("4");
  604. $("#testmask").SendKey("5");
  605. $("#testmask").SendKey(".");
  606. $("#testmask").SendKey("1");
  607. $("#testmask").SendKey("2");
  608. $("#testmask").SendKey("3");
  609. equal($("#testmask").val(), "12,345.123", "Result " + $("#testmask").val());
  610. $("#testmask").remove();
  611. });
  612. test("inputmask(\"decimal\", { autoGroup: true, groupSeparator: \",\" }\") - input 12345.123 + remove .123", function () {
  613. $('body').append('<input type="text" id="testmask" />');
  614. $("#testmask").inputmask("decimal", { autoGroup: true, groupSeparator: "," });
  615. $("#testmask")[0].focus();
  616. $("#testmask").Type("12345.123");
  617. $("#testmask")[0].focus();
  618. //$("#testmask").click();
  619. $("#testmask").SendKey(keyCodes.LEFT);
  620. $("#testmask").SendKey(keyCodes.LEFT);
  621. $("#testmask").SendKey(keyCodes.LEFT);
  622. $("#testmask").SendKey(keyCodes.DELETE);
  623. $("#testmask").SendKey(keyCodes.DELETE);
  624. $("#testmask").SendKey(keyCodes.DELETE);
  625. $("#testmask").SendKey(keyCodes.BACKSPACE);
  626. equal($("#testmask").val(), "12,345", "Result " + $("#testmask").val());
  627. $("#testmask").remove();
  628. });
  629. test("inputmask(\"decimal\", { autoGroup: true, groupSeparator: \",\" }\") - input 12345.123 + replace .123 => .789", function () {
  630. $('body').append('<input type="text" id="testmask" />');
  631. $("#testmask").inputmask("decimal", { autoGroup: true, groupSeparator: "," });
  632. $("#testmask")[0].focus();
  633. $("#testmask").Type("12345.123");
  634. //$("#testmask").click();
  635. $("#testmask").SendKey(keyCodes.LEFT);
  636. $("#testmask").SendKey(keyCodes.LEFT);
  637. $("#testmask").SendKey(keyCodes.LEFT);
  638. $("#testmask").SendKey(keyCodes.LEFT);
  639. $("#testmask").SendKey(keyCodes.DELETE);
  640. $("#testmask").SendKey(keyCodes.DELETE);
  641. $("#testmask").SendKey(keyCodes.DELETE);
  642. $("#testmask").SendKey(keyCodes.DELETE);
  643. $("#testmask").Type("789");
  644. equal($("#testmask").val(), "12,345.789", "Result " + $("#testmask").val());
  645. $("#testmask").remove();
  646. });
  647. test("inputmask(\"decimal\", { autoGroup: true, groupSeparator: \",\" }\") - input 12345.123 + replace .123 => .789", function () {
  648. $('body').append('<input type="text" id="testmask" />');
  649. $("#testmask").inputmask("decimal", { autoGroup: true, groupSeparator: "," });
  650. $("#testmask")[0].focus();
  651. $("#testmask").Type("12345.123");
  652. //$("#testmask").click();
  653. caret($("#testmask"), 6, 10);
  654. $("#testmask").Type(".789");
  655. equal($("#testmask").val(), "12,345.789", "Result " + $("#testmask").val());
  656. $("#testmask").remove();
  657. });
  658. test("inputmask(\"decimal\", { autoGroup: false, groupSeparator: \",\" }\") - input 12345.123 + remove .123", function () {
  659. $('body').append('<input type="text" id="testmask" />');
  660. $("#testmask").inputmask("decimal", { autoGroup: false, groupSeparator: "," });
  661. $("#testmask")[0].focus();
  662. $("#testmask").Type("12345.123");
  663. //$("#testmask").click();
  664. $("#testmask").SendKey(keyCodes.LEFT);
  665. $("#testmask").SendKey(keyCodes.LEFT);
  666. $("#testmask").SendKey(keyCodes.LEFT);
  667. $("#testmask").SendKey(keyCodes.LEFT);
  668. $("#testmask").SendKey(keyCodes.DELETE);
  669. $("#testmask").SendKey(keyCodes.DELETE);
  670. $("#testmask").SendKey(keyCodes.DELETE);
  671. $("#testmask").SendKey(keyCodes.DELETE);
  672. $("#testmask").SendKey(keyCodes.BACKSPACE);
  673. equal($("#testmask").val(), "12345", "Result " + $("#testmask").val());
  674. $("#testmask").remove();
  675. });
  676. test("inputmask(\"decimal\", { autoGroup: false, groupSeparator: \",\" }\") - input 12345.123 + replace .123 => .789", function () {
  677. $('body').append('<input type="text" id="testmask" />');
  678. $("#testmask").inputmask("decimal", { autoGroup: false, groupSeparator: "," });
  679. $("#testmask")[0].focus();
  680. $("#testmask").Type("12345.123");
  681. //$("#testmask").click();
  682. $("#testmask").SendKey(keyCodes.LEFT);
  683. $("#testmask").SendKey(keyCodes.LEFT);
  684. $("#testmask").SendKey(keyCodes.LEFT);
  685. $("#testmask").SendKey(keyCodes.LEFT);
  686. $("#testmask").SendKey(keyCodes.DELETE);
  687. $("#testmask").SendKey(keyCodes.DELETE);
  688. $("#testmask").SendKey(keyCodes.DELETE);
  689. $("#testmask").Type("789");
  690. equal($("#testmask").val(), "12345.789", "Result " + $("#testmask").val());
  691. $("#testmask").remove();
  692. });
  693. test("inputmask(\"decimal\") - maxlength 10", function () {
  694. $('body').append('<input type="text" id="testmask" maxlength="10" />');
  695. $("#testmask").inputmask("decimal");
  696. $("#testmask")[0].focus();
  697. $("#testmask").Type("123456789012345");
  698. equal($("#testmask").val(), "1234567890", "Result " + $("#testmask").val());
  699. $("#testmask").remove();
  700. });
  701. test("inputmask(\"decimal, { repeat: 15 }\") - maxlength 10", function () {
  702. $('body').append('<input type="text" id="testmask" maxlength="10" />');
  703. $("#testmask").inputmask("decimal", { repeat: 15 });
  704. $("#testmask")[0].focus();
  705. $("#testmask").Type("123456789012345");
  706. equal($("#testmask").val(), "1234567890", "Result " + $("#testmask").val());
  707. $("#testmask").remove();
  708. });
  709. test("inputmask(\"decimal, { repeat: 5 }\") - maxlength 10", function () {
  710. $('body').append('<input type="text" id="testmask" maxlength="10" />');
  711. $("#testmask").inputmask("decimal", { repeat: 5 });
  712. $("#testmask")[0].focus();
  713. $("#testmask").Type("123456789012345");
  714. equal($("#testmask").val(), "12345", "Result " + $("#testmask").val());
  715. $("#testmask").remove();
  716. });
  717. test("inputmask(\"decimal\")", function () {
  718. $('body').append('<input type="text" id="testmask" />');
  719. $("#testmask").inputmask("decimal");
  720. $("#testmask")[0].focus();
  721. $("#testmask").Type("1234567890");
  722. caret($("#testmask"), 0, 10);
  723. $("#testmask").Type("12345");
  724. equal($("#testmask").val(), "12345", "Result " + $("#testmask").val());
  725. $("#testmask").remove();
  726. });
  727. test("inputmask(\"decimal\") - value=\"1234567890\"", function () {
  728. $('body').append('<input type="text" id="testmask" value="1234567890" />');
  729. $("#testmask").inputmask("decimal");
  730. $("#testmask")[0].focus();
  731. caret($("#testmask"), 0, 10);
  732. $("#testmask").Type("12345");
  733. equal($("#testmask").val(), "12345", "Result " + $("#testmask").val());
  734. $("#testmask").remove();
  735. });
  736. test("inputmask(\"decimal\")", function () {
  737. $('body').append('<input type="text" id="testmask" />');
  738. $("#testmask").inputmask("decimal");
  739. $("#testmask")[0].focus();
  740. $("#testmask").Type("1234567890");
  741. caret($("#testmask"), 3, 5);
  742. $("#testmask").SendKey("0");
  743. equal($("#testmask").val(), "123067890", "Result " + $("#testmask").val());
  744. $("#testmask").remove();
  745. });
  746. test("inputmask(\"decimal\") - value=\"1234567890\"", function () {
  747. $('body').append('<input type="text" id="testmask" value="1234567890" />');
  748. $("#testmask").inputmask("decimal");
  749. $("#testmask")[0].focus();
  750. caret($("#testmask"), 3, 5);
  751. $("#testmask").SendKey("0");
  752. equal($("#testmask").val(), "123067890", "Result " + $("#testmask").val());
  753. $("#testmask").remove();
  754. });
  755. module("Direction RTL");
  756. test("inputmask(\"999.999.999\") - delete 2nd with backspace, continue the mask", function () {
  757. $('body').append('<input type="text" id="testmask" dir="rtl" />');
  758. $("#testmask").inputmask("999.999.999");
  759. $("#testmask")[0].focus();
  760. $("#testmask").SendKey("1");
  761. $("#testmask").SendKey("2");
  762. $("#testmask").SendKey("3");
  763. $("#testmask").SendKey(keyCodes.RIGHT);
  764. $("#testmask").SendKey(keyCodes.RIGHT);
  765. $("#testmask").SendKey(keyCodes.RIGHT);
  766. $("#testmask").SendKey(keyCodes.BACKSPACE);
  767. $("#testmask").SendKey("4");
  768. $("#testmask").SendKey(keyCodes.LEFT);
  769. $("#testmask").SendKey("5");
  770. $("#testmask").SendKey("6");
  771. equal($("#testmask").val(), "___._65.341", "Result " + $("#testmask").val());
  772. $("#testmask").remove();
  773. });
  774. test("inputmask(\"999.999.999\") - delete 2nd with delete, continue the mask", function () {
  775. $('body').append('<input type="text" id="testmask" dir="rtl" />');
  776. $("#testmask").inputmask("999.999.999");
  777. $("#testmask")[0].focus();
  778. $("#testmask").SendKey("1");
  779. $("#testmask").SendKey("2");
  780. $("#testmask").SendKey("3");
  781. $("#testmask").SendKey(keyCodes.RIGHT);
  782. $("#testmask").SendKey(keyCodes.RIGHT);
  783. $("#testmask").SendKey(keyCodes.DELETE);
  784. $("#testmask").SendKey("4");
  785. $("#testmask").SendKey(keyCodes.LEFT);
  786. $("#testmask").SendKey("5");
  787. $("#testmask").SendKey("6");
  788. equal($("#testmask").val(), "___._65.341", "Result " + $("#testmask").val());
  789. $("#testmask").remove();
  790. });
  791. test("inputmask(\"999-aaa-999\")", function () {
  792. $('body').append('<input type="text" id="testmask" dir="rtl" />');
  793. $("#testmask").inputmask("999-aaa-999");
  794. $("#testmask")[0].focus();
  795. $("#testmask").Type("123abc12");
  796. equal($("#testmask").val(), "_21-cba-321", "Result " + $("#testmask").val());
  797. $("#testmask").remove();
  798. });
  799. test("inputmask(\"999-999-999\") - replace selection", function () {
  800. $('body').append('<input type="text" id="testmask" dir="rtl" />');
  801. $("#testmask").inputmask("999-999-999");
  802. $("#testmask")[0].focus();
  803. $("#testmask").Type("123456789");
  804. caret($("#testmask"), 4, 7);
  805. $("#testmask").Type("5");
  806. equal($("#testmask").val(), "__9-875-321", "Result " + $("#testmask").val());
  807. $("#testmask").remove();
  808. });
  809. test("inputmask(\"999-999-999\") - replace selection with backspace", function () {
  810. $('body').append('<input type="text" id="testmask" dir="rtl" />');
  811. $("#testmask").inputmask("999-999-999");
  812. $("#testmask")[0].focus();
  813. $("#testmask").Type("123456789");
  814. caret($("#testmask"), 4, 7);
  815. $("#testmask").SendKey(keyCodes.BACKSPACE);
  816. $("#testmask").Type("5");
  817. equal($("#testmask").val(), "__5-987-321", "Result " + $("#testmask").val());
  818. $("#testmask").remove();
  819. });
  820. test("inputmask(\"999-999-999\") - replace selection - with delete", function () {
  821. $('body').append('<input type="text" id="testmask" dir="rtl" />');
  822. $("#testmask").inputmask("999-999-999");
  823. $("#testmask")[0].focus();
  824. $("#testmask").Type("123456789");
  825. caret($("#testmask"), 4, 7);
  826. $("#testmask").SendKey(keyCodes.DELETE);
  827. $("#testmask").Type("5");
  828. equal($("#testmask").val(), "__5-987-321", "Result " + $("#testmask").val());
  829. $("#testmask").remove();
  830. });
  831. module("Numeric Input");
  832. test("inputmask({ mask: \"9\", numericInput: true, repeat: 10, greedy: true }); - 1234567890", function () {
  833. $('body').append('<input type="text" id="testmask" />');
  834. $("#testmask").inputmask({ mask: "9", numericInput: true, repeat: 10, greedy: true });
  835. $("#testmask")[0].focus();
  836. $("#testmask").Type("1234567890");
  837. equal($("#testmask").val(), "1234567890", "Result " + $("#testmask").val());
  838. $("#testmask").remove();
  839. });
  840. test("inputmask({ mask: \"9\", numericInput: true, repeat: 10, greedy: true }); - replace selection", function () {
  841. $('body').append('<input type="text" id="testmask" />');
  842. $("#testmask").inputmask({ mask: "9", numericInput: true, repeat: 10, greedy: true });
  843. $("#testmask")[0].focus();
  844. $("#testmask").Type("1234567890");
  845. caret($("#testmask"), 3, 6);
  846. $("#testmask").Type("5");
  847. equal($("#testmask").val(), "__12357890", "Result " + $("#testmask").val());
  848. $("#testmask").remove();
  849. });
  850. test("inputmask({ mask: \"99-99-99\", numericInput: true }); - 1234567890", function () {
  851. $('body').append('<input type="text" id="testmask" />');
  852. $("#testmask").inputmask({ mask: "99-99-99", numericInput: true });
  853. $("#testmask")[0].focus();
  854. $("#testmask").Type("1234567890");
  855. equal($("#testmask").val(), "12-34-56", "Result " + $("#testmask").val());
  856. $("#testmask").remove();
  857. });
  858. test("inputmask({ mask: \"€ 999.999.999,99\", numericInput: true }); - 123", function () {
  859. $('body').append('<input type="text" id="testmask" />');
  860. $("#testmask").inputmask('€ 999.999.999,99', { numericInput: true });
  861. $("#testmask")[0].focus();
  862. $("#testmask").Type("123");
  863. equal($("#testmask").val(), "€ ___.___.__1,23", "Result " + $("#testmask").val());
  864. $("#testmask").remove();
  865. });
  866. test("inputmask({ mask: \"€ 999.999.999,99\", numericInput: true }); - 123 position before 456", function () {
  867. $('body').append('<input type="text" id="testmask" />');
  868. $("#testmask").inputmask('€ 999.999.999,99', { numericInput: true });
  869. $("#testmask")[0].focus();
  870. $("#testmask").Type("123");
  871. caret($("#testmask"), 12);
  872. $("#testmask").Type("456");
  873. equal($("#testmask").val(), "€ ___.__4.561,23", "Result " + $("#testmask").val());
  874. $("#testmask").remove();
  875. });
  876. test("inputmask({ mask: \"€ 999.999.999,99\", { numericInput: true, radixPoint: \",\" }); - 123", function () {
  877. $('body').append('<input type="text" id="testmask" />');
  878. $("#testmask").inputmask('€ 999.999.999,99', { numericInput: true, radixPoint: "," });
  879. $("#testmask").click();
  880. $("#testmask").Type("123");
  881. equal($("#testmask").val(), "€ ___.___.123,__", "Result " + $("#testmask").val());
  882. $("#testmask").remove();
  883. });
  884. test("inputmask({ mask: \"€ 999.999.999,99\", { numericInput: true, radixPoint: \",\" }); - 123,45", function () {
  885. $('body').append('<input type="text" id="testmask" />');
  886. $("#testmask").inputmask('€ 999.999.999,99', { numericInput: true, radixPoint: "," });
  887. $("#testmask").click();
  888. $("#testmask").Type("123,45");
  889. equal($("#testmask").val(), "€ ___.___.123,45", "Result " + $("#testmask").val());
  890. $("#testmask").remove();
  891. });
  892. test("inputmask({ mask: \"9999 t\", { numericInput: true }); - 123", function () {
  893. $('body').append('<input type="text" id="testmask" />');
  894. $("#testmask").inputmask('9999 t', { numericInput: true });
  895. $("#testmask").focus();
  896. $("#testmask").click();
  897. $("#testmask").Type("123");
  898. equal($("#testmask").val(), "_123 t", "Result " + $("#testmask").val());
  899. $("#testmask").remove();
  900. });
  901. module("Regex masks")
  902. test("inputmask(\"Regex\", { regex: \"[0-9]*\"});", function () {
  903. $('body').append('<input type="text" id="testmask" />');
  904. $("#testmask").inputmask("Regex", { regex: "[0-9]*" });
  905. $("#testmask")[0].focus();
  906. $("#testmask").Type("123abc45");
  907. equal($("#testmask").val(), "12345", "Result " + $("#testmask").val());
  908. $("#testmask").remove();
  909. });
  910. test("inputmask(\"Regex\", { regex: \"[A-Za-z\u0410-\u044F\u0401\u04510-9]*\"});", function () {
  911. $('body').append('<input type="text" id="testmask" />');
  912. $("#testmask").inputmask("Regex", { regex: "[A-Za-z\u0410-\u044F\u0401\u04510-9]*" });
  913. $("#testmask")[0].focus();
  914. $("#testmask").Type("123abc45");
  915. equal($("#testmask").val(), "123abc45", "Result " + $("#testmask").val());
  916. $("#testmask").remove();
  917. });
  918. test("inputmask(\"Regex\", { regex: \"[A-Za-z\u0410-\u044F\u0401\u0451]+[A-Za-z\u0410-\u044F\u0401\u04510-9]*\"});", function () {
  919. $('body').append('<input type="text" id="testmask" />');
  920. $("#testmask").inputmask("Regex", { regex: "[A-Za-z\u0410-\u044F\u0401\u0451]+[A-Za-z\u0410-\u044F\u0401\u04510-9]*" });
  921. $("#testmask")[0].focus();
  922. $("#testmask").Type("123abc45");
  923. equal($("#testmask").val(), "abc45", "Result " + $("#testmask").val());
  924. $("#testmask").remove();
  925. });
  926. test("inputmask(\"Regex\", { regex: \"[A-Za-z\u0410-\u044F\u0401\u0451]{1}[A-Za-z\u0410-\u044F\u0401\u04510-9]*\"});", function () {
  927. $('body').append('<input type="text" id="testmask" />');
  928. $("#testmask").inputmask("Regex", { regex: "[A-Za-z\u0410-\u044F\u0401\u0451]{1}[A-Za-z\u0410-\u044F\u0401\u04510-9]*" });
  929. $("#testmask")[0].focus();
  930. $("#testmask").Type("123abc45");
  931. equal($("#testmask").val(), "abc45", "Result " + $("#testmask").val());
  932. $("#testmask").remove();
  933. });
  934. test("inputmask(\"Regex\", { regex: \"[-]?(([1-8][0-9])|[1-9]0?)\"});", function () {
  935. $('body').append('<input type="text" id="testmask" />');
  936. $("#testmask").inputmask("Regex", { regex: "[-]?(([1-8][0-9])|[1-9]0?)" });
  937. $("#testmask")[0].focus();
  938. $("#testmask").Type("90");
  939. equal($("#testmask").val(), "90", "Result " + $("#testmask").val());
  940. $("#testmask").remove();
  941. });
  942. test("inputmask(\"Regex\", { regex: \"[-]?(([1-8][0-9])|[1-9]0?)\"});", function () {
  943. $('body').append('<input type="text" id="testmask" />');
  944. $("#testmask").inputmask("Regex", { regex: "[-]?(([1-8][0-9])|[1-9]0?)" });
  945. $("#testmask")[0].focus();
  946. $("#testmask").Type("0");
  947. equal($("#testmask").val(), "", "Result " + $("#testmask").val());
  948. $("#testmask").remove();
  949. });
  950. test("inputmask(\"Regex\", { regex: \"[-]?(([1-8][0-9])|[1-9]0?)\"});", function () {
  951. $('body').append('<input type="text" id="testmask" />');
  952. $("#testmask").inputmask("Regex", { regex: "[-]?(([1-8][0-9])|[1-9]0?)" });
  953. $("#testmask")[0].focus();
  954. $("#testmask").Type("-78");
  955. equal($("#testmask").val(), "-78", "Result " + $("#testmask").val());
  956. $("#testmask").remove();
  957. });
  958. test("inputmask(\"Regex\", { regex: \"[a-zA-Z0-9._%-]+@[a-zA-Z0-9-]+\\.[a-zA-Z]{2,4}\" - regex simple email", function () {
  959. $('body').append('<input type="text" id="testmask" />');
  960. $("#testmask").inputmask("Regex", { regex: "[a-zA-Z0-9._%-]+@[a-zA-Z0-9-]+\\.[a-zA-Z]{2,4}" });
  961. $("#testmask")[0].focus();
  962. $("#testmask").Type("some.body@mail.com");
  963. equal($("#testmask").val(), "some.body@mail.com", "Result " + $("#testmask").val());
  964. $("#testmask").remove();
  965. });
  966. test("inputmask(\"Regex\", { regex: \"(([2-9][0-9])-([0-9]{3}-[0-9]{3}))|((1|30|20|70)-([0-9]{3}-[0-9]{4}))\" - mrpanacs regex 1-123-4562", function () {
  967. $('body').append('<input type="text" id="testmask" />');
  968. $("#testmask").inputmask("Regex", { regex: "(([2-9][0-9])-([0-9]{3}-[0-9]{3}))|((1|30|20|70)-([0-9]{3}-[0-9]{4}))" });
  969. $("#testmask")[0].focus();
  970. $("#testmask").Type("1-123-4562");
  971. equal($("#testmask").val(), "1-123-4562", "Result " + $("#testmask").val());
  972. $("#testmask").remove();
  973. });
  974. test("inputmask(\"Regex\", { regex: \"(([2-9][0-9])-([0-9]{3}-[0-9]{3}))|((1|30|20|70)-([0-9]{3}-[0-9]{4}))\" - mrpanacs regex 20-222-2222", function () {
  975. $('body').append('<input type="text" id="testmask" />');
  976. $("#testmask").inputmask("Regex", { regex: "(([2-9][0-9])-([0-9]{3}-[0-9]{3}))|((1|30|20|70)-([0-9]{3}-[0-9]{4}))" });
  977. $("#testmask")[0].focus();
  978. $("#testmask").Type("20-222-2222");
  979. equal($("#testmask").val(), "20-222-2222", "Result " + $("#testmask").val());
  980. $("#testmask").remove();
  981. });
  982. test("inputmask(\"Regex\", { regex: \"(([2-9][0-9])-([0-9]{3}-[0-9]{3}))|((1|30|20|70)-([0-9]{3}-[0-9]{4}))\" - mrpanacs regex 22-222-234", function () {
  983. $('body').append('<input type="text" id="testmask" />');
  984. $("#testmask").inputmask("Regex", { regex: "(([2-9][0-9])-([0-9]{3}-[0-9]{3}))|((1|30|20|70)-([0-9]{3}-[0-9]{4}))" });
  985. $("#testmask")[0].focus();
  986. $("#testmask").Type("22-222-234");
  987. equal($("#testmask").val(), "22-222-234", "Result " + $("#testmask").val());
  988. $("#testmask").remove();
  989. });
  990. test("inputmask(\"Regex\", { regex: \"(([2-9][0-9])-([0-9]{3}-[0-9]{3}))|((1|30|20|70)-([0-9]{3}-[0-9]{4}))\" - mrpanacs regex 70-12-34", function () {
  991. $('body').append('<input type="text" id="testmask" />');
  992. $("#testmask").inputmask("Regex", { regex: "(([2-9][0-9])-([0-9]{3}-[0-9]{3}))|((1|30|20|70)-([0-9]{3}-[0-9]{4}))" });
  993. $("#testmask")[0].focus();
  994. $("#testmask").Type("70-12-34");
  995. equal($("#testmask").val(), "70-123", "Result " + $("#testmask").val());
  996. $("#testmask").remove();
  997. });
  998. test("inputmask(\"Regex\", { regex: \"([0-9]|[1][0-9]|[2][0-3]?)(\\.(5|25|75))?\" - arame regex 12", function () {
  999. $('body').append('<input type="text" id="testmask" />');
  1000. $("#testmask").inputmask("Regex", { regex: "([0-9]|[1][0-9]|[2][0-3]?)(\\.(5|25|75))?" });
  1001. $("#testmask")[0].focus();
  1002. $("#testmask").Type("12");
  1003. equal($("#testmask").val(), "12", "Result " + $("#testmask").val());
  1004. $("#testmask").remove();
  1005. });
  1006. test("inputmask(\"Regex\", { regex: \"([0-9]|[1][0-9]|[2][0-3]?)(\\.(5|25|75))?\" } - arame regex 12.5", function () {
  1007. $('body').append('<input type="text" id="testmask" />');
  1008. $("#testmask").inputmask("Regex", { regex: "([0-9]|[1][0-9]|[2][0-3]?)(\\.(5|25|75))?" });
  1009. $("#testmask")[0].focus();
  1010. $("#testmask").Type("12.5");
  1011. equal($("#testmask").val(), "12.5", "Result " + $("#testmask").val());
  1012. $("#testmask").remove();
  1013. });
  1014. test("inputmask(\"Regex\", { regex: \"([0-9]|[1][0-9]|[2][0-3]?)(\\.(5|25|75))?\" } - arame regex 12.75", function () {
  1015. $('body').append('<input type="text" id="testmask" />');
  1016. $("#testmask").inputmask("Regex", { regex: "([0-9]|[1][0-9]|[2][0-3]?)(\\.(5|25|75))?" });
  1017. $("#testmask")[0].focus();
  1018. $("#testmask").Type("12.75");
  1019. equal($("#testmask").val(), "12.75", "Result " + $("#testmask").val());
  1020. $("#testmask").remove();
  1021. });
  1022. test("inputmask('Regex', { regex: \"(abc)+(def)\" }); - Flyarbonkers regex abcdef", function () {
  1023. $('body').append('<input type="text" id="testmask" />');
  1024. $("#testmask").inputmask('Regex', { regex: "(abc)+(def)" });
  1025. $("#testmask")[0].focus();
  1026. $("#testmask").Type("abcdef");
  1027. equal($("#testmask").val(), "abcdef", "Result " + $("#testmask").val());
  1028. $("#testmask").remove();
  1029. });
  1030. test("inputmask('Regex', { regex: \"(abc)+(def)\" }); - Flyarbonkers regex 123a4b5c6d7e8f", function () {
  1031. $('body').append('<input type="text" id="testmask" />');
  1032. $("#testmask").inputmask('Regex', { regex: "(abc)+(def)" });
  1033. $("#testmask")[0].focus();
  1034. $("#testmask").Type("123a4b5c6d7e8f");
  1035. equal($("#testmask").val(), "abcdef", "Result " + $("#testmask").val());
  1036. $("#testmask").remove();
  1037. });
  1038. test("inputmask('Regex', { regex: \"(abc)+(def)\" }); - Flyarbonkers regex abcabcdef", function () {
  1039. $('body').append('<input type="text" id="testmask" />');
  1040. $("#testmask").inputmask('Regex', { regex: "(abc)+(def)" });
  1041. $("#testmask")[0].focus();
  1042. $("#testmask").Type("abcabcdef");
  1043. equal($("#testmask").val(), "abcabcdef", "Result " + $("#testmask").val());
  1044. $("#testmask").remove();
  1045. });
  1046. module("Dynamic Masks");
  1047. test("inputmask(\"*{1,20}@*{1,20}.*{2,6}[.*{2}]\" - email mask", function () {
  1048. $('body').append('<input type="text" id="testmask" />');
  1049. $("#testmask").inputmask("*{1,20}@*{1,20}.*{2,6}[.*{2}]")
  1050. $("#testmask")[0].focus();
  1051. $("#testmask").Type("some.body@mail.com");
  1052. equal($("#testmask").val(), "some.body@mail.com", "Result " + $("#testmask").val());
  1053. $("#testmask").remove();
  1054. });