tests.js 63 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677787980818283848586878889909192939495969798991001011021031041051061071081091101111121131141151161171181191201211221231241251261271281291301311321331341351361371381391401411421431441451461471481491501511521531541551561571581591601611621631641651661671681691701711721731741751761771781791801811821831841851861871881891901911921931941951961971981992002012022032042052062072082092102112122132142152162172182192202212222232242252262272282292302312322332342352362372382392402412422432442452462472482492502512522532542552562572582592602612622632642652662672682692702712722732742752762772782792802812822832842852862872882892902912922932942952962972982993003013023033043053063073083093103113123133143153163173183193203213223233243253263273283293303313323333343353363373383393403413423433443453463473483493503513523533543553563573583593603613623633643653663673683693703713723733743753763773783793803813823833843853863873883893903913923933943953963973983994004014024034044054064074084094104114124134144154164174184194204214224234244254264274284294304314324334344354364374384394404414424434444454464474484494504514524534544554564574584594604614624634644654664674684694704714724734744754764774784794804814824834844854864874884894904914924934944954964974984995005015025035045055065075085095105115125135145155165175185195205215225235245255265275285295305315325335345355365375385395405415425435445455465475485495505515525535545555565575585595605615625635645655665675685695705715725735745755765775785795805815825835845855865875885895905915925935945955965975985996006016026036046056066076086096106116126136146156166176186196206216226236246256266276286296306316326336346356366376386396406416426436446456466476486496506516526536546556566576586596606616626636646656666676686696706716726736746756766776786796806816826836846856866876886896906916926936946956966976986997007017027037047057067077087097107117127137147157167177187197207217227237247257267277287297307317327337347357367377387397407417427437447457467477487497507517527537547557567577587597607617627637647657667677687697707717727737747757767777787797807817827837847857867877887897907917927937947957967977987998008018028038048058068078088098108118128138148158168178188198208218228238248258268278288298308318328338348358368378388398408418428438448458468478488498508518528538548558568578588598608618628638648658668678688698708718728738748758768778788798808818828838848858868878888898908918928938948958968978988999009019029039049059069079089099109119129139149159169179189199209219229239249259269279289299309319329339349359369379389399409419429439449459469479489499509519529539549559569579589599609619629639649659669679689699709719729739749759769779789799809819829839849859869879889899909919929939949959969979989991000100110021003100410051006100710081009101010111012101310141015101610171018101910201021102210231024102510261027102810291030103110321033103410351036103710381039104010411042104310441045104610471048104910501051105210531054105510561057105810591060106110621063106410651066106710681069107010711072107310741075107610771078107910801081108210831084108510861087108810891090109110921093109410951096109710981099110011011102110311041105110611071108110911101111111211131114111511161117111811191120112111221123112411251126112711281129113011311132113311341135113611371138113911401141114211431144114511461147114811491150115111521153115411551156115711581159116011611162116311641165116611671168116911701171117211731174117511761177117811791180118111821183118411851186118711881189119011911192119311941195119611971198119912001201120212031204120512061207120812091210121112121213121412151216121712181219122012211222122312241225122612271228122912301231123212331234123512361237123812391240124112421243124412451246124712481249125012511252125312541255125612571258125912601261126212631264126512661267126812691270127112721273127412751276127712781279128012811282128312841285128612871288128912901291129212931294129512961297129812991300130113021303130413051306130713081309131013111312131313141315131613171318131913201321132213231324132513261327132813291330133113321333133413351336133713381339134013411342134313441345134613471348134913501351135213531354135513561357135813591360136113621363136413651366136713681369137013711372137313741375137613771378137913801381138213831384138513861387138813891390139113921393139413951396139713981399140014011402140314041405140614071408140914101411141214131414141514161417141814191420142114221423142414251426142714281429143014311432143314341435143614371438143914401441144214431444144514461447144814491450145114521453145414551456145714581459146014611462146314641465146614671468146914701471147214731474147514761477147814791480148114821483148414851486148714881489149014911492149314941495149614971498149915001501150215031504150515061507150815091510151115121513151415151516151715181519152015211522152315241525152615271528152915301531153215331534153515361537153815391540154115421543154415451546154715481549155015511552155315541555155615571558155915601561156215631564156515661567156815691570157115721573157415751576157715781579158015811582158315841585158615871588158915901591159215931594159515961597159815991600160116021603160416051606160716081609161016111612161316141615161616171618161916201621162216231624162516261627162816291630163116321633163416351636163716381639164016411642164316441645164616471648164916501651165216531654165516561657165816591660166116621663166416651666166716681669167016711672167316741675167616771678167916801681168216831684168516861687168816891690169116921693169416951696169716981699170017011702170317041705170617071708170917101711171217131714171517161717171817191720172117221723172417251726172717281729173017311732173317341735173617371738173917401741174217431744174517461747174817491750175117521753175417551756175717581759176017611762176317641765176617671768176917701771177217731774177517761777177817791780178117821783178417851786178717881789179017911792179317941795179617971798179918001801180218031804180518061807180818091810
  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. $.fn.paste = function (inputStr) {
  90. var $input = $(this);
  91. $input[0]._valueSet(inputStr);
  92. $input.trigger('paste');
  93. }
  94. module("Simple masking");
  95. test("inputmask(\"99-99-99\", { clearMaskOnLostFocus: false}", function () {
  96. $('body').append('<input type="text" id="testmask" />');
  97. $("#testmask").inputmask("99-99-99", { clearMaskOnLostFocus: false });
  98. equal(document.getElementById("testmask")._valueGet(), "__-__-__", "Result " + document.getElementById("testmask")._valueGet());
  99. $("#testmask").remove();
  100. });
  101. test("inputmask(\"99-99-99\", { clearMaskOnLostFocus: true}", function () {
  102. $('body').append('<input type="text" id="testmask" />');
  103. $("#testmask").inputmask("99-99-99", { clearMaskOnLostFocus: true });
  104. equal(document.getElementById("testmask").value, "", "Result " + document.getElementById("testmask").value);
  105. $("#testmask").remove();
  106. });
  107. test("inputmask(\"999.999.999\")", function () {
  108. $('body').append('<input type="text" id="testmask" />');
  109. $("#testmask").inputmask("999.999.999");
  110. $("#testmask")[0].focus();
  111. $("#testmask").Type("123");
  112. equal($("#testmask").val(), "123.___.___", "Result " + $("#testmask").val());
  113. $("#testmask").remove();
  114. });
  115. asyncTest("inputmask(\"999.999.999\", { oncomplete: ... })", 1, function () {
  116. $('body').append('<input type="text" id="testmask" />');
  117. $("#testmask").inputmask("999.999.999", {
  118. oncomplete: function () {
  119. equal($("#testmask").val(), "123.456.789", "Result " + $("#testmask").val());
  120. start();
  121. $("#testmask").remove();
  122. }
  123. });
  124. $("#testmask")[0].focus();
  125. $("#testmask").Type("123456789");
  126. });
  127. asyncTest("inputmask(\"9-AAA.999\") - change event", 1, function () {
  128. $('body').append('<input type="text" id="testmask" />');
  129. $("#testmask").inputmask("9-AAA.999").change(function () {
  130. ok(true, "Change triggered");
  131. start();
  132. $("#testmask").remove();
  133. });
  134. $("#testmask")[0].focus();
  135. $("#testmask").Type("1abc12");
  136. $("#testmask").blur();
  137. });
  138. asyncTest("inputmask(\"9-AAA.999\", { onincomplete: ... })", 1, function () {
  139. $('body').append('<input type="text" id="testmask" />');
  140. $("#testmask").inputmask("9-AAA.999", {
  141. onincomplete: function () {
  142. equal($("#testmask").val(), "1-ABC.12_", "Result " + $("#testmask").val());
  143. start();
  144. $("#testmask").remove();
  145. }
  146. });
  147. $("#testmask")[0].focus();
  148. $("#testmask").Type("1abc12");
  149. $("#testmask").blur();
  150. });
  151. test("inputmask(\"999.999.999\") - delete 2nd with backspace, continue the mask", function () {
  152. $('body').append('<input type="text" id="testmask" />');
  153. $("#testmask").inputmask("999.999.999");
  154. $("#testmask")[0].focus();
  155. $("#testmask").Type("123");
  156. $("#testmask").SendKey(keyCodes.LEFT);
  157. $("#testmask").SendKey(keyCodes.LEFT);
  158. $("#testmask").SendKey(keyCodes.BACKSPACE);
  159. $("#testmask").Type("4");
  160. $("#testmask").SendKey(keyCodes.RIGHT);
  161. $("#testmask").Type("56");
  162. equal($("#testmask").val(), "143.56_.___", "Result " + $("#testmask").val());
  163. $("#testmask").remove();
  164. });
  165. test("inputmask(\"999.999.999\") - delete 2nd with delete, continue the mask", function () {
  166. $('body').append('<input type="text" id="testmask" />');
  167. $("#testmask").inputmask("999.999.999");
  168. $("#testmask")[0].focus();
  169. $("#testmask").SendKey(49);
  170. $("#testmask").SendKey(50);
  171. $("#testmask").SendKey(51);
  172. $("#testmask").SendKey(keyCodes.LEFT);
  173. $("#testmask").SendKey(keyCodes.LEFT);
  174. $("#testmask").SendKey(keyCodes.LEFT);
  175. $("#testmask").SendKey(keyCodes.DELETE);
  176. $("#testmask").SendKey(52);
  177. $("#testmask").SendKey(keyCodes.RIGHT);
  178. $("#testmask").SendKey(53);
  179. $("#testmask").SendKey(54);
  180. equal($("#testmask").val(), "143.56_.___", "Result " + $("#testmask").val());
  181. $("#testmask").remove();
  182. });
  183. test("inputmask(\"999.999.999\") - delete selection start with nomask", function () {
  184. $('body').append('<input type="text" id="testmask" />');
  185. $("#testmask").inputmask("999.999.999");
  186. $("#testmask")[0].focus();
  187. $("#testmask").Type("123456789");
  188. caret($("#testmask"), 3, 7);
  189. $("#testmask").SendKey(keyCodes.DELETE);
  190. equal($("#testmask").val(), "123.789.___", "Result " + $("#testmask").val());
  191. $("#testmask").remove();
  192. });
  193. test("inputmask(\"999.999.999\") - backspace selection start with nomask", function () {
  194. $('body').append('<input type="text" id="testmask" />');
  195. $("#testmask").inputmask("999.999.999");
  196. $("#testmask")[0].focus();
  197. $("#testmask").Type("123456789");
  198. caret($("#testmask"), 3, 7);
  199. $("#testmask").SendKey(keyCodes.DELETE);
  200. equal($("#testmask").val(), "123.789.___", "Result " + $("#testmask").val());
  201. $("#testmask").remove();
  202. });
  203. test("inputmask(\"999.999.999\") - overtype selection start with nomask", function () {
  204. $('body').append('<input type="text" id="testmask" />');
  205. $("#testmask").inputmask("999.999.999");
  206. $("#testmask")[0].focus();
  207. $("#testmask").Type("123456789");
  208. caret($("#testmask"), 3, 7);
  209. $("#testmask").Type("1");
  210. equal($("#testmask").val(), "123.178.9__", "Result " + $("#testmask").val());
  211. $("#testmask").remove();
  212. });
  213. test("inputmask(\"*****\")", function () {
  214. $('body').append('<input type="text" id="testmask" />');
  215. $("#testmask").inputmask("*****");
  216. $("#testmask")[0].focus();
  217. $("#testmask").Type("abe");
  218. $("#testmask").SendKey(keyCodes.LEFT);
  219. $("#testmask").Type("cd");
  220. equal($("#testmask").val(), "abcde", "Result " + $("#testmask").val());
  221. $("#testmask").remove();
  222. });
  223. test("inputmask(\"d/m/y\")", function () {
  224. $('body').append('<input type="text" id="testmask" />');
  225. $("#testmask").inputmask("d/m/y");
  226. $("#testmask")[0].focus();
  227. $("#testmask").Type("23031973");
  228. caret($("#testmask"), 5);
  229. $("#testmask").SendKey(keyCodes.BACKSPACE);
  230. equal($("#testmask").val(), "23/0_/1973", "Result " + $("#testmask").val());
  231. $("#testmask").remove();
  232. });
  233. test("inputmask(\"(999)999-9999\") - ruslanfedoseenko mask", function () {
  234. $('body').append('<input type="text" id="testmask" />');
  235. $("#testmask").inputmask("(999)999-9999");
  236. $("#testmask")[0].focus();
  237. $("#testmask").val("9999999999");
  238. caret($("#testmask"), 4, 5);
  239. $("#testmask").Type("7");
  240. equal($("#testmask").val(), "(999)999-9999", "Result " + $("#testmask").val());
  241. $("#testmask").remove();
  242. });
  243. test("inputmask(\"\") - empty mask - andywolk", function () {
  244. $('body').append('<input type="text" id="testmask" />');
  245. $("#testmask").inputmask("");
  246. $("#testmask")[0].focus();
  247. $("#testmask").val("123");
  248. equal($("#testmask").val(), "123", "Result " + $("#testmask").val());
  249. $("#testmask").remove();
  250. });
  251. module("Non-greedy masks");
  252. test("inputmask(\"*\", { greedy: false, repeat: \"*\" }) - replace cd with 1", function () {
  253. $('body').append('<input type="text" id="testmask" />');
  254. $("#testmask").inputmask("*", { greedy: false, repeat: "*" });
  255. $("#testmask")[0].focus();
  256. $("#testmask").Type("abcdef");
  257. caret($("#testmask"), 2, 4);
  258. $("#testmask").SendKey("1");
  259. equal($("#testmask").val(), "ab1ef", "Result " + $("#testmask").val());
  260. $("#testmask").remove();
  261. });
  262. test("inputmask(\"*\", { greedy: false, repeat: \"*\" }) - type abcdef", function () {
  263. $('body').append('<input type="text" id="testmask" />');
  264. $("#testmask").inputmask("*", { greedy: false, repeat: "*" });
  265. $("#testmask")[0].focus();
  266. $("#testmask").Type("abcdef");
  267. equal($("#testmask").val(), "abcdef", "Result " + $("#testmask").val());
  268. $("#testmask").remove();
  269. });
  270. module("greedy masks");
  271. test("inputmask(\"*\", { greedy: true, repeat: 10, clearMaskOnLostFocus: false })", function () {
  272. $('body').append('<input type="text" id="testmask" />');
  273. $("#testmask").inputmask("*", { greedy: true, repeat: 10, clearMaskOnLostFocus: false });
  274. $("#testmask")[0].focus();
  275. equal($("#testmask")[0]._valueGet(), "__________", "Result " + $("#testmask")[0]._valueGet());
  276. $("#testmask").remove();
  277. });
  278. test("inputmask(\"*\", { greedy: true, repeat: 10 }) - type 12345678901234567890", function () {
  279. $('body').append('<input type="text" id="testmask" />');
  280. $("#testmask").inputmask("*", { greedy: true, repeat: 10 });
  281. $("#testmask")[0].focus();
  282. $("#testmask").Type("12345678901234567890");
  283. equal($("#testmask").val(), "1234567890", "Result " + $("#testmask").val());
  284. $("#testmask").remove();
  285. });
  286. test("inputmask(\"9,99\", { greedy: true, repeat: 5 }) - type 12345678901234567890", function () {
  287. $('body').append('<input type="text" id="testmask" />');
  288. $("#testmask").inputmask("9,99", { greedy: true, repeat: 5 });
  289. $("#testmask")[0].focus();
  290. $("#testmask").Type("12345678901234567890");
  291. equal($("#testmask").val(), "1,234,567,890,123,45", "Result " + $("#testmask").val());
  292. $("#testmask").remove();
  293. });
  294. test("inputmask({ mask: \"9\", repeat: 10, placeholder: \"\", numericInput: true }) - greedy true with empty placeholder - type 12345", function () {
  295. $('body').append('<input type="text" id="testmask" />');
  296. $("#testmask").inputmask({ "mask": "9", repeat: 10, placeholder: "", numericInput: true });
  297. $("#testmask")[0].focus();
  298. $("#testmask").Type("12345");
  299. equal($("#testmask").val(), "12345", "Result " + $("#testmask").val());
  300. $("#testmask").remove();
  301. });
  302. module("Initial value setting");
  303. test("inputmask(\"999:99\", { placeholder: \"0\"}) value=\"007:20\"", function () {
  304. $('body').append('<input type="text" id="testmask" value="007:20" />');
  305. $("#testmask").inputmask("999:99", { placeholder: "0" });
  306. equal($("#testmask").val(), "007:20", "Result " + $("#testmask").val());
  307. $("#testmask").remove();
  308. });
  309. test("inputmask(\"99 999 999 999 9999 \\D\\E*** 9999\") ~ value=\"01 650 103 002 0001 DE101 5170\"", function () {
  310. $('body').append('<input type="text" id="testmask" value="01 650 103 002 0001 DE101 5170" />');
  311. $("#testmask").inputmask("99 999 999 999 9999 \\D\\E*** 9999");
  312. equal($("#testmask").val(), "01 650 103 002 0001 DE101 5170", "Result " + $("#testmask").val());
  313. $("#testmask").remove();
  314. });
  315. test("inputmask(\"99 999 999 999 9999 \\D\\E*** 9999\") ~ value=\"016501030020001DE1015170\"", function () {
  316. $('body').append('<input type="text" id="testmask" value="016501030020001DE1015170" />');
  317. $("#testmask").inputmask("99 999 999 999 9999 \\D\\E*** 9999");
  318. equal($("#testmask").val(), "01 650 103 002 0001 DE101 5170", "Result " + $("#testmask").val());
  319. $("#testmask").remove();
  320. });
  321. test("inputmask(\"\\D\\E***\") ~ value=\"DE001\"", function () {
  322. $('body').append('<input type="text" id="testmask" value="DE001" />');
  323. $("#testmask").inputmask("\\D\\E***");
  324. equal($("#testmask").val(), "DE001", "Result " + $("#testmask").val());
  325. $("#testmask").remove();
  326. });
  327. test("inputmask(\"decimal\") ~ value=\"123.45\"", function () {
  328. $('body').append('<input type="text" id="testmask" value="123.45" />');
  329. $("#testmask").inputmask("decimal");
  330. equal($("#testmask").val(), "123.45", "Result " + $("#testmask").val());
  331. $("#testmask").remove();
  332. });
  333. test("inputmask(\"decimal\") ~ value=\"123.45\" - disabled input", function () {
  334. $('body').append('<input type="text" id="testmask" value="123.45" disabled="disabled" />');
  335. $("#testmask").inputmask("decimal");
  336. equal($("#testmask").val(), "123.45", "Result " + $("#testmask").val());
  337. $("#testmask").remove();
  338. });
  339. test("inputmask(\"mm/yyyy\") ~ value=\"031973\" - disabled input", function () {
  340. $('body').append('<input type="text" id="testmask" value="031973" disabled="disabled" />');
  341. $("#testmask").inputmask("mm/yyyy");
  342. equal($("#testmask").val(), "03/1973", "Result " + $("#testmask").val());
  343. $("#testmask").remove();
  344. });
  345. test("inputmask(\"6703 9999 9999 9999 9\") ~ value=\"6703 1234 5678 9012 3\" - FransVdb", function () {
  346. $('body').append('<input type="text" id="testmask" value="6703 1234 5678 9012 3" />');
  347. $("#testmask").inputmask("6703 9999 9999 9999 9");
  348. equal($("#testmask").val(), "6703 1234 5678 9012 3", "Result " + $("#testmask").val());
  349. $("#testmask").remove();
  350. });
  351. test("inputmask(\"6703 9999 9999 9999 9\") ~ type \"6703 1234 5678 9012 3\" + backspace - FransVdb", function () {
  352. $('body').append('<input type="text" id="testmask" />');
  353. $("#testmask").inputmask("6703 9999 9999 9999 9");
  354. $("#testmask")[0].focus();
  355. $("#testmask").Type("1234567890123");
  356. $("#testmask").SendKey(keyCodes.BACKSPACE);
  357. equal($("#testmask").val(), "6703 1234 5678 9012 _", "Result " + $("#testmask").val());
  358. $("#testmask").remove();
  359. });
  360. test("inputmask(\"6703 9999 9999 9999 9\") ~ type \"6703670367036\" + backspace - FransVdb", function () {
  361. $('body').append('<input type="text" id="testmask" />');
  362. $("#testmask").inputmask("6703 9999 9999 9999 9");
  363. $("#testmask")[0].focus();
  364. $("#testmask").Type("6703670367036");
  365. $("#testmask").SendKey(keyCodes.BACKSPACE);
  366. equal($("#testmask").val(), "6703 6703 6703 6703 _", "Result " + $("#testmask").val());
  367. $("#testmask").remove();
  368. });
  369. module("Paste value");
  370. asyncTest("inputmask(\"+7 (999) 999-99-99\") ~ paste \"+7 (+79114041112___) ___-__-__\"", function () {
  371. $('body').append('<input type="text" id="testmask" />');
  372. $("#testmask").inputmask("+7 (999) 999-99-99");
  373. $("#testmask").paste("+7 (+79114041112___) ___-__-__");
  374. setTimeout(function () {
  375. equal($("#testmask").val(), "+7 (911) 404-11-12", "Result " + $("#testmask").val());
  376. start();
  377. $("#testmask").remove();
  378. }, 0);
  379. });
  380. asyncTest("inputmask(\"+7 (999) 999-99-99\") ~ paste \"0079114041112\" - monoblaine", function () {
  381. $('body').append('<input type="text" id="testmask" />');
  382. $("#testmask").inputmask("+7 (999) 999-99-99", {
  383. onBeforePaste : function(pastedValue) {
  384. //just simplistic for the test ;-)
  385. var strippedValue = pastedValue.substr(2);
  386. return strippedValue;
  387. }
  388. });
  389. $("#testmask").paste("0079114041112");
  390. setTimeout(function () {
  391. equal($("#testmask").val(), "+7 (911) 404-11-12", "Result " + $("#testmask").val());
  392. start();
  393. $("#testmask").remove();
  394. }, 0);
  395. });
  396. module("Set value with fn.val");
  397. test("inputmask(\"decimal\") ~ value=\"123.45\"", function () {
  398. $('body').append('<input type="text" id="testmask" />');
  399. $("#testmask").inputmask("decimal");
  400. $("#testmask").val("123.45");
  401. equal($("#testmask").val(), "123.45", "Result " + $("#testmask").val());
  402. $("#testmask").remove();
  403. });
  404. test("inputmask(\"9\") ~ value=\"1\"", function () {
  405. $('body').append('<input type="text" id="testmask" />');
  406. $("#testmask").inputmask("9");
  407. $("#testmask").val("1");
  408. equal($("#testmask").val(), "1", "Result " + $("#testmask").val());
  409. $("#testmask").remove();
  410. });
  411. test("inputmask(\"decimal\") ~ .val(\"123.45\") - disabled input", function () {
  412. $('body').append('<input type="text" id="testmask" disabled="disabled" />');
  413. $("#testmask").inputmask("decimal");
  414. $("#testmask").val("123.45");
  415. equal($("#testmask").val(), "123.45", "Result " + $("#testmask").val());
  416. $("#testmask").remove();
  417. });
  418. test("inputmask(\"mm/yyyy\") ~ .val(\"031973\") - disabled input", function () {
  419. $('body').append('<input type="text" id="testmask" disabled="disabled" />');
  420. $("#testmask").inputmask("mm/yyyy");
  421. $("#testmask").val("031973");
  422. equal($("#testmask").val(), "03/1973", "Result " + $("#testmask").val());
  423. $("#testmask").remove();
  424. });
  425. module("Optional & multi masks");
  426. test("inputmask(\"(99) 9999[9]-99999\") - input 121234-12345", function () {
  427. $('body').append('<input type="text" id="testmask" />');
  428. $("#testmask").inputmask("(99) 9999[9]-99999");
  429. $("#testmask")[0].focus();
  430. $("#testmask").Type("121234-12345");
  431. equal($("#testmask").val(), "(12) 1234-12345", "Result " + $("#testmask").val());
  432. $("#testmask").remove();
  433. });
  434. test("inputmask(\"(99) 9999[9]-99999\") - input 121234512345", function () {
  435. $('body').append('<input type="text" id="testmask" />');
  436. $("#testmask").inputmask("(99) 9999[9]-99999");
  437. $("#testmask")[0].focus();
  438. $("#testmask").Type("121234512345");
  439. equal($("#testmask").val(), "(12) 12345-12345", "Result " + $("#testmask").val());
  440. $("#testmask").remove();
  441. });
  442. test("inputmask({ mask: [\"999.999.999-99\", \"99.999.999/9999-99\"]}) - input 12312312312", function () {
  443. $('body').append('<input type="text" id="testmask" />');
  444. $("#testmask").inputmask({ mask: ["999.999.999-99", "99.999.999/9999-99"] });
  445. $("#testmask")[0].focus();
  446. $("#testmask").Type("12312312312");
  447. equal($("#testmask").val(), "123.123.123-12", "Result " + $("#testmask").val());
  448. $("#testmask").remove();
  449. });
  450. test("inputmask({ mask: [\"999.999.999-99\", \"99.999.999/9999-99\"]}) - input 12.123123123412", function () {
  451. $('body').append('<input type="text" id="testmask" />');
  452. $("#testmask").inputmask({ mask: ["999.999.999-99", "99.999.999/9999-99"] });
  453. $("#testmask")[0].focus();
  454. $("#testmask").Type("12.123123123412");
  455. equal($("#testmask").val(), "12.123.123/1234-12", "Result " + $("#testmask").val());
  456. $("#testmask").remove();
  457. });
  458. test("inputmask({ mask: [\"99999\", \"99999-9999\"]]}) - input 12345", function () {
  459. $('body').append('<input type="text" id="testmask" />');
  460. $("#testmask").inputmask({ mask: ["99999", "99999-9999"] });
  461. $("#testmask")[0].focus();
  462. $("#testmask").Type("12345");
  463. equal($("#testmask").val(), "12345", "Result " + $("#testmask").val());
  464. $("#testmask").remove();
  465. });
  466. test("inputmask({ mask: [\"99999\", \"99999-9999\"]]}) - input 12345-1234", function () {
  467. $('body').append('<input type="text" id="testmask" />');
  468. $("#testmask").inputmask({ mask: ["99999", "99999-9999"] });
  469. $("#testmask")[0].focus();
  470. $("#testmask").Type("12345-1234");
  471. equal($("#testmask").val(), "12345-1234", "Result " + $("#testmask").val());
  472. $("#testmask").remove();
  473. });
  474. test("inputmask({ mask: [\"99999\", \"99999-9999\"]]}) - input 123451234", function () {
  475. $('body').append('<input type="text" id="testmask" />');
  476. $("#testmask").inputmask({ mask: ["99999", "99999-9999"] });
  477. $("#testmask")[0].focus();
  478. $("#testmask").Type("123451234");
  479. equal($("#testmask").val(), "12345-1234", "Result " + $("#testmask").val());
  480. $("#testmask").remove();
  481. });
  482. test("inputmask({ mask: [\"99999\", \"99999-9999\"]]}) - input 1234512", function () {
  483. $('body').append('<input type="text" id="testmask" />');
  484. $("#testmask").inputmask({ mask: ["99999", "99999-9999"] });
  485. $("#testmask")[0].focus();
  486. $("#testmask").Type("1234512");
  487. equal($("#testmask").val(), "12345-12__", "Result " + $("#testmask").val());
  488. $("#testmask").remove();
  489. });
  490. test("inputmask({ mask: [\"99999\", \"99999-9999\", \"999999-9999\"]]}) - input 1234561234", function () {
  491. $('body').append('<input type="text" id="testmask" />');
  492. $("#testmask").inputmask({ mask: ["99999", "99999-9999", "999999-9999"] });
  493. $("#testmask")[0].focus();
  494. $("#testmask").Type("1234561234");
  495. equal($("#testmask").val(), "123456-1234", "Result " + $("#testmask").val());
  496. $("#testmask").remove();
  497. });
  498. test("inputmask({ mask: [\"99999\", \"99999-9999\", \"999999-9999\"]]}) - input 123456", function () {
  499. $('body').append('<input type="text" id="testmask" />');
  500. $("#testmask").inputmask({ mask: ["99999", "99999-9999", "999999-9999"] });
  501. $("#testmask")[0].focus();
  502. $("#testmask").Type("123456");
  503. equal($("#testmask").val(), "123456-____", "Result " + $("#testmask").val());
  504. $("#testmask").remove();
  505. });
  506. test("inputmask({ mask: \"99999[-9999]\", greedy: true }) - input 123", function () {
  507. $('body').append('<input type="text" id="testmask" />');
  508. $("#testmask").inputmask({ mask: "99999[-9999]", greedy: true });
  509. $("#testmask")[0].focus();
  510. $("#testmask").Type("123");
  511. equal($("#testmask").val(), "123__-____", "Result " + $("#testmask").val());
  512. $("#testmask").remove();
  513. });
  514. test("inputmask({ mask: \"99999[-9999]\", greedy: false }) - input 123", function () {
  515. $('body').append('<input type="text" id="testmask" />');
  516. $("#testmask").inputmask({ mask: "99999[-9999]", greedy: false });
  517. $("#testmask")[0].focus();
  518. $("#testmask").Type("123");
  519. equal($("#testmask").val(), "123__", "Result " + $("#testmask").val());
  520. $("#testmask").remove();
  521. });
  522. test("inputmask({ mask: \"99999[-9999]\", greedy: false }) - input 12345", function () {
  523. $('body').append('<input type="text" id="testmask" />');
  524. $("#testmask").inputmask({ mask: "99999[-9999]", greedy: false });
  525. $("#testmask")[0].focus();
  526. $("#testmask").Type("12345");
  527. equal($("#testmask").val(), "12345", "Result " + $("#testmask").val());
  528. $("#testmask").remove();
  529. });
  530. test("inputmask({ mask: \"99999[-9999]\", greedy: false }) - input 123456", function () {
  531. $('body').append('<input type="text" id="testmask" />');
  532. $("#testmask").inputmask({ mask: "99999[-9999]", greedy: false });
  533. $("#testmask")[0].focus();
  534. $("#testmask").Type("123456");
  535. equal($("#testmask").val(), "12345-6___", "Result " + $("#testmask").val());
  536. $("#testmask").remove();
  537. });
  538. test("inputmask({ mask: \"99999[-9999]\", greedy: false }) - input 123456789", function () {
  539. $('body').append('<input type="text" id="testmask" />');
  540. $("#testmask").inputmask({ mask: "99999[-9999]", greedy: false });
  541. $("#testmask")[0].focus();
  542. $("#testmask").Type("123456789");
  543. equal($("#testmask").val(), "12345-6789", "Result " + $("#testmask").val());
  544. $("#testmask").remove();
  545. });
  546. test("inputmask({ mask: [\"99999\", \"99999-9999\", \"999999-9999\"]]}) - input 123456 (rtl)", function () {
  547. $('body').append('<input type="text" id="testmask" dir="rtl" />');
  548. $("#testmask").inputmask({ mask: ["99999", "99999-9999", "999999-9999"] });
  549. $("#testmask")[0].focus();
  550. $("#testmask").Type("123456");
  551. equal($("#testmask").val(), "____-654321", "Result " + $("#testmask").val());
  552. $("#testmask").remove();
  553. });
  554. test("inputmask(\"9[9][9] 999[9] 9999\") - input 123123 space 1234 - vipink70", function () {
  555. $('body').append('<input type="text" id="testmask" />');
  556. $("#testmask").inputmask("9[9][9] 999[9] 9999");
  557. $("#testmask")[0].focus();
  558. $("#testmask").Type("123123");
  559. $("#testmask").SendKey(keyCodes.SPACE);
  560. $("#testmask").Type("1234");
  561. equal($("#testmask").val(), "123 123 1234", "Result " + $("#testmask").val());
  562. $("#testmask").remove();
  563. });
  564. test("inputmask({ mask: ['9 AAA-AAA', 'A 999-999'] }) ", function () {
  565. $('body').append('<input type="text" id="testmask" />');
  566. $("#testmask").inputmask({ mask: ['9 AAA-AAA', 'A 999-999'] });
  567. $("#testmask").Type("1abc");
  568. caret($("#testmask"), 0, 9);
  569. $("#testmask").Type("a123");
  570. equal($("#testmask").val(), "A 123-___", "Result " + $("#testmask").val());
  571. $("#testmask").remove();
  572. });
  573. module("Date.Extensions");
  574. test("inputmask(\"dd/mm/yyyy\") - input 2331973", function () {
  575. $('body').append('<input type="text" id="testmask" />');
  576. $("#testmask").inputmask("dd/mm/yyyy");
  577. $("#testmask")[0].focus();
  578. $("#testmask").SendKey("2");
  579. $("#testmask").SendKey("3");
  580. $("#testmask").SendKey("3");
  581. $("#testmask").SendKey("1");
  582. $("#testmask").SendKey("9");
  583. $("#testmask").SendKey("7");
  584. $("#testmask").SendKey("3");
  585. equal($("#testmask").val(), "23/03/1973", "Result " + $("#testmask").val());
  586. $("#testmask").remove();
  587. });
  588. test("inputmask(\"mm/dd/yyyy\") - input 3231973", function () {
  589. $('body').append('<input type="text" id="testmask" />');
  590. $("#testmask").inputmask("mm/dd/yyyy");
  591. $("#testmask")[0].focus();
  592. $("#testmask").SendKey("3");
  593. $("#testmask").SendKey("2");
  594. $("#testmask").SendKey("3");
  595. $("#testmask").SendKey("1");
  596. $("#testmask").SendKey("9");
  597. $("#testmask").SendKey("7");
  598. $("#testmask").SendKey("3");
  599. equal($("#testmask").val(), "03/23/1973", "Result " + $("#testmask").val());
  600. $("#testmask").remove();
  601. });
  602. test("inputmask(\"dd/mm/yyyy\") - input 29022012", function () {
  603. $('body').append('<input type="text" id="testmask" />');
  604. $("#testmask").inputmask("dd/mm/yyyy");
  605. $("#testmask")[0].focus();
  606. $("#testmask").SendKey("2");
  607. $("#testmask").SendKey("9");
  608. $("#testmask").SendKey("0");
  609. $("#testmask").SendKey("2");
  610. $("#testmask").SendKey("2");
  611. $("#testmask").SendKey("0");
  612. $("#testmask").SendKey("1");
  613. $("#testmask").SendKey("2");
  614. equal($("#testmask").val(), "29/02/2012", "Result " + $("#testmask").val());
  615. $("#testmask").remove();
  616. });
  617. test("inputmask(\"dd/mm/yyyy\") - input 29022013", function () {
  618. $('body').append('<input type="text" id="testmask" />');
  619. $("#testmask").inputmask("dd/mm/yyyy");
  620. $("#testmask")[0].focus();
  621. $("#testmask").SendKey("2");
  622. $("#testmask").SendKey("9");
  623. $("#testmask").SendKey("0");
  624. $("#testmask").SendKey("2");
  625. $("#testmask").SendKey("2");
  626. $("#testmask").SendKey("0");
  627. $("#testmask").SendKey("1");
  628. $("#testmask").SendKey("3");
  629. equal($("#testmask").val(), "29/02/201y", "Result " + $("#testmask").val());
  630. $("#testmask").remove();
  631. });
  632. test("inputmask(\"mm/dd/yyyy\") - input 02292012", function () {
  633. $('body').append('<input type="text" id="testmask" />');
  634. $("#testmask").inputmask("mm/dd/yyyy");
  635. $("#testmask")[0].focus();
  636. $("#testmask").SendKey("0");
  637. $("#testmask").SendKey("2");
  638. $("#testmask").SendKey("2");
  639. $("#testmask").SendKey("9");
  640. $("#testmask").SendKey("2");
  641. $("#testmask").SendKey("0");
  642. $("#testmask").SendKey("1");
  643. $("#testmask").SendKey("2");
  644. equal($("#testmask").val(), "02/29/2012", "Result " + $("#testmask").val());
  645. $("#testmask").remove();
  646. });
  647. test("inputmask(\"mm/dd/yyyy\") - input 02292013", function () {
  648. $('body').append('<input type="text" id="testmask" />');
  649. $("#testmask").inputmask("mm/dd/yyyy");
  650. $("#testmask")[0].focus();
  651. $("#testmask").SendKey("0");
  652. $("#testmask").SendKey("2");
  653. $("#testmask").SendKey("2");
  654. $("#testmask").SendKey("9");
  655. $("#testmask").SendKey("2");
  656. $("#testmask").SendKey("0");
  657. $("#testmask").SendKey("1");
  658. $("#testmask").SendKey("3");
  659. equal($("#testmask").val(), "02/29/201y", "Result " + $("#testmask").val());
  660. $("#testmask").remove();
  661. });
  662. test("inputmask(\"dd/mm/yyyy\") - input CTRL RIGHT", function () {
  663. $('body').append('<input type="text" id="testmask" />');
  664. $("#testmask").inputmask("dd/mm/yyyy");
  665. $("#testmask")[0].focus();
  666. $("#testmask").SendKey(keyCodes.RIGHT, keyCodes.CONTROL);
  667. ok($("#testmask").val() != "dd/mm/yyyy", "Result " + $("#testmask").val());
  668. $("#testmask").remove();
  669. });
  670. test("inputmask(\"dd/mm/yyyy\") - input 2331973 BACKSPACE x4 2013", function () {
  671. $('body').append('<input type="text" id="testmask" />');
  672. $("#testmask").inputmask("dd/mm/yyyy");
  673. $("#testmask")[0].focus();
  674. $("#testmask").SendKey("2");
  675. $("#testmask").SendKey("3");
  676. $("#testmask").SendKey("3");
  677. $("#testmask").SendKey("1");
  678. $("#testmask").SendKey("9");
  679. $("#testmask").SendKey("7");
  680. $("#testmask").SendKey("3");
  681. $("#testmask").SendKey(keyCodes.BACKSPACE);
  682. $("#testmask").SendKey(keyCodes.BACKSPACE);
  683. $("#testmask").SendKey(keyCodes.BACKSPACE);
  684. $("#testmask").SendKey(keyCodes.BACKSPACE);
  685. $("#testmask").SendKey("2");
  686. $("#testmask").SendKey("0");
  687. $("#testmask").SendKey("1");
  688. $("#testmask").SendKey("3");
  689. equal($("#testmask").val(), "23/03/2013", "Result " + $("#testmask").val());
  690. $("#testmask").remove();
  691. });
  692. test("inputmask(\"dd/mm/yyyy\") - input 23373 ", function () {
  693. $('body').append('<input type="text" id="testmask" />');
  694. $("#testmask").inputmask("dd/mm/yyyy");
  695. $("#testmask")[0].focus();
  696. $("#testmask").Type("23373");
  697. equal($("#testmask").val(), "23/03/2073", "Result " + $("#testmask").val());
  698. $("#testmask").remove();
  699. });
  700. test("inputmask(\"dd/mm/yyyy\", { yearrange: { minyear: 1900, maxyear: 2000 } }) - input 23373 ", function () {
  701. $('body').append('<input type="text" id="testmask" />');
  702. $("#testmask").inputmask("dd/mm/yyyy", { yearrange: { minyear: 1900, maxyear: 2000 } });
  703. $("#testmask")[0].focus();
  704. $("#testmask").Type("23373");
  705. equal($("#testmask").val(), "23/03/1973", "Result " + $("#testmask").val());
  706. $("#testmask").remove();
  707. });
  708. test("inputmask(\"hh:mm\") - add remove add", function () {
  709. $('body').append('<input type="text" id="testmask" />');
  710. $('#testmask').inputmask('hh:mm', { clearIncomplete: true });
  711. $('#testmask').inputmask('remove');
  712. $('#testmask').inputmask('hh:mm', { clearIncomplete: true });
  713. $("#testmask")[0].focus();
  714. $("#testmask").Type("abcdef");
  715. $("#testmask").Type("23:50");
  716. equal($("#testmask").val(), "23:50", "Result " + $("#testmask").val());
  717. $("#testmask").remove();
  718. });
  719. test("inputmask(\"mm/yyyy\") - input 31973", function () {
  720. $('body').append('<input type="text" id="testmask" />');
  721. $("#testmask").inputmask("mm/yyyy");
  722. $("#testmask")[0].focus();
  723. $("#testmask").Type("31973");
  724. equal($("#testmask").val(), "03/1973", "Result " + $("#testmask").val());
  725. $("#testmask").remove();
  726. });
  727. test("inputmask(\"mm/dd/yyyy\") - select some input 1 - Guamaso", function () {
  728. $('body').append('<input type="text" id="testmask" />');
  729. $("#testmask").inputmask("mm/dd/yyyy");
  730. $("#testmask")[0].focus();
  731. caret($("#testmask")[0], 0, 5);
  732. $("#testmask").Type("1");
  733. equal($("#testmask").val(), "1m/dd/yyyy", "Result " + $("#testmask").val());
  734. $("#testmask").remove();
  735. });
  736. test("inputmask(\"dd/mm/yyyy\") - input 2331973 - remove 23", function () {
  737. $('body').append('<input type="text" id="testmask" />');
  738. $("#testmask").inputmask("dd/mm/yyyy");
  739. $("#testmask")[0].focus();
  740. $("#testmask").Type("23031973");
  741. caret($("#testmask"), 0,2);
  742. $("#testmask").SendKey(keyCodes.DELETE);
  743. equal($("#testmask").val(), "dd/03/1973", "Result " + $("#testmask").val());
  744. $("#testmask").remove();
  745. });
  746. module("Numeric.Extensions");
  747. test("inputmask(\"decimal\", { autoGroup: true, groupSeparator: \",\" }\") - input 12345.123", function () {
  748. $('body').append('<input type="text" id="testmask" />');
  749. $("#testmask").inputmask("decimal", { autoGroup: true, groupSeparator: "," });
  750. $("#testmask")[0].focus();
  751. $("#testmask").SendKey("1");
  752. $("#testmask").SendKey("2");
  753. $("#testmask").SendKey("3");
  754. $("#testmask").SendKey("4");
  755. $("#testmask").SendKey("5");
  756. $("#testmask").SendKey(".");
  757. $("#testmask").SendKey("1");
  758. $("#testmask").SendKey("2");
  759. $("#testmask").SendKey("3");
  760. equal($("#testmask").val(), "12,345.123", "Result " + $("#testmask").val());
  761. $("#testmask").remove();
  762. });
  763. test("inputmask(\"decimal\", { autoGroup: true, groupSeparator: \",\" }\") - input 12345.123 + remove .123", function () {
  764. $('body').append('<input type="text" id="testmask" />');
  765. $("#testmask").inputmask("decimal", { autoGroup: true, groupSeparator: "," });
  766. $("#testmask")[0].focus();
  767. $("#testmask").Type("12345.123");
  768. $("#testmask")[0].focus();
  769. //$("#testmask").click();
  770. $("#testmask").SendKey(keyCodes.LEFT);
  771. $("#testmask").SendKey(keyCodes.LEFT);
  772. $("#testmask").SendKey(keyCodes.LEFT);
  773. $("#testmask").SendKey(keyCodes.DELETE);
  774. $("#testmask").SendKey(keyCodes.DELETE);
  775. $("#testmask").SendKey(keyCodes.DELETE);
  776. $("#testmask").SendKey(keyCodes.BACKSPACE);
  777. equal($("#testmask").val(), "12,345", "Result " + $("#testmask").val());
  778. $("#testmask").remove();
  779. });
  780. test("inputmask(\"decimal\", { autoGroup: true, groupSeparator: \",\" }\") - input 12345.123 + replace .123 => .789", function () {
  781. $('body').append('<input type="text" id="testmask" />');
  782. $("#testmask").inputmask("decimal", { autoGroup: true, groupSeparator: "," });
  783. $("#testmask")[0].focus();
  784. $("#testmask").Type("12345.123");
  785. //$("#testmask").click();
  786. $("#testmask").SendKey(keyCodes.LEFT);
  787. $("#testmask").SendKey(keyCodes.LEFT);
  788. $("#testmask").SendKey(keyCodes.LEFT);
  789. $("#testmask").SendKey(keyCodes.LEFT);
  790. $("#testmask").SendKey(keyCodes.DELETE);
  791. $("#testmask").SendKey(keyCodes.DELETE);
  792. $("#testmask").SendKey(keyCodes.DELETE);
  793. $("#testmask").SendKey(keyCodes.DELETE);
  794. $("#testmask").Type("789");
  795. equal($("#testmask").val(), "12,345.789", "Result " + $("#testmask").val());
  796. $("#testmask").remove();
  797. });
  798. test("inputmask(\"decimal\", { autoGroup: true, groupSeparator: \",\" }\") - input 12345.123 + replace .123 => .789", function () {
  799. $('body').append('<input type="text" id="testmask" />');
  800. $("#testmask").inputmask("decimal", { autoGroup: true, groupSeparator: "," });
  801. $("#testmask")[0].focus();
  802. $("#testmask").Type("12345.123");
  803. //$("#testmask").click();
  804. caret($("#testmask"), 6, 10);
  805. $("#testmask").Type(".789");
  806. equal($("#testmask").val(), "12,345.789", "Result " + $("#testmask").val());
  807. $("#testmask").remove();
  808. });
  809. test("inputmask(\"decimal\", { autoGroup: false, groupSeparator: \",\" }\") - input 12345.123 + remove .123", function () {
  810. $('body').append('<input type="text" id="testmask" />');
  811. $("#testmask").inputmask("decimal", { autoGroup: false, groupSeparator: "," });
  812. $("#testmask")[0].focus();
  813. $("#testmask").Type("12345.123");
  814. //$("#testmask").click();
  815. $("#testmask").SendKey(keyCodes.LEFT);
  816. $("#testmask").SendKey(keyCodes.LEFT);
  817. $("#testmask").SendKey(keyCodes.LEFT);
  818. $("#testmask").SendKey(keyCodes.LEFT);
  819. $("#testmask").SendKey(keyCodes.DELETE);
  820. $("#testmask").SendKey(keyCodes.DELETE);
  821. $("#testmask").SendKey(keyCodes.DELETE);
  822. $("#testmask").SendKey(keyCodes.DELETE);
  823. $("#testmask").SendKey(keyCodes.BACKSPACE);
  824. equal($("#testmask").val(), "12345", "Result " + $("#testmask").val());
  825. $("#testmask").remove();
  826. });
  827. test("inputmask(\"decimal\", { autoGroup: false, groupSeparator: \",\" }\") - input 12345.123 + replace .123 => .789", function () {
  828. $('body').append('<input type="text" id="testmask" />');
  829. $("#testmask").inputmask("decimal", { autoGroup: false, groupSeparator: "," });
  830. $("#testmask")[0].focus();
  831. $("#testmask").Type("12345.123");
  832. //$("#testmask").click();
  833. $("#testmask").SendKey(keyCodes.LEFT);
  834. $("#testmask").SendKey(keyCodes.LEFT);
  835. $("#testmask").SendKey(keyCodes.LEFT);
  836. $("#testmask").SendKey(keyCodes.LEFT);
  837. $("#testmask").SendKey(keyCodes.DELETE);
  838. $("#testmask").SendKey(keyCodes.DELETE);
  839. $("#testmask").SendKey(keyCodes.DELETE);
  840. $("#testmask").Type("789");
  841. equal($("#testmask").val(), "12345.789", "Result " + $("#testmask").val());
  842. $("#testmask").remove();
  843. });
  844. test("inputmask(\"decimal\") - maxlength 10", function () {
  845. $('body').append('<input type="text" id="testmask" maxlength="10" />');
  846. $("#testmask").inputmask("decimal");
  847. $("#testmask")[0].focus();
  848. $("#testmask").Type("123456789012345");
  849. equal($("#testmask").val(), "1234567890", "Result " + $("#testmask").val());
  850. $("#testmask").remove();
  851. });
  852. test("inputmask(\"decimal, { repeat: 15 }\") - maxlength 10", function () {
  853. $('body').append('<input type="text" id="testmask" maxlength="10" />');
  854. $("#testmask").inputmask("decimal", { repeat: 15 });
  855. $("#testmask")[0].focus();
  856. $("#testmask").Type("123456789012345");
  857. equal($("#testmask").val(), "1234567890", "Result " + $("#testmask").val());
  858. $("#testmask").remove();
  859. });
  860. test("inputmask(\"decimal, { repeat: 5 }\") - maxlength 10", function () {
  861. $('body').append('<input type="text" id="testmask" maxlength="10" />');
  862. $("#testmask").inputmask("decimal", { repeat: 5 });
  863. $("#testmask")[0].focus();
  864. $("#testmask").Type("123456789012345");
  865. equal($("#testmask").val(), "12345", "Result " + $("#testmask").val());
  866. $("#testmask").remove();
  867. });
  868. test("inputmask(\"decimal\")", function () {
  869. $('body').append('<input type="text" id="testmask" />');
  870. $("#testmask").inputmask("decimal");
  871. $("#testmask")[0].focus();
  872. $("#testmask").Type("1234567890");
  873. caret($("#testmask"), 0, 10);
  874. $("#testmask").Type("12345");
  875. equal($("#testmask").val(), "12345", "Result " + $("#testmask").val());
  876. $("#testmask").remove();
  877. });
  878. test("inputmask(\"decimal\") - value=\"1234567890\"", function () {
  879. $('body').append('<input type="text" id="testmask" value="1234567890" />');
  880. $("#testmask").inputmask("decimal");
  881. $("#testmask")[0].focus();
  882. caret($("#testmask"), 0, 10);
  883. $("#testmask").Type("12345");
  884. equal($("#testmask").val(), "12345", "Result " + $("#testmask").val());
  885. $("#testmask").remove();
  886. });
  887. test("inputmask(\"decimal\")", function () {
  888. $('body').append('<input type="text" id="testmask" />');
  889. $("#testmask").inputmask("decimal");
  890. $("#testmask")[0].focus();
  891. $("#testmask").Type("1234567890");
  892. caret($("#testmask"), 3, 5);
  893. $("#testmask").SendKey("0");
  894. equal($("#testmask").val(), "123067890", "Result " + $("#testmask").val());
  895. $("#testmask").remove();
  896. });
  897. test("inputmask(\"decimal\") - value=\"1234567890\"", function () {
  898. $('body').append('<input type="text" id="testmask" value="1234567890" />');
  899. $("#testmask").inputmask("decimal");
  900. $("#testmask")[0].focus();
  901. caret($("#testmask"), 3, 5);
  902. $("#testmask").SendKey("0");
  903. equal($("#testmask").val(), "123067890", "Result " + $("#testmask").val());
  904. $("#testmask").remove();
  905. });
  906. test("inputmask(\"decimal\") - value=\"123.1\" tab out", function () {
  907. $('body').append('<input type="text" id="testmask" />');
  908. $("#testmask").inputmask("decimal", { digits: 3 });
  909. $("#testmask")[0].focus();
  910. $("#testmask").Type("123.1");
  911. $("#testmask").SendKey(keyCodes.TAB);
  912. equal($("#testmask").val(), "123.100", "Result " + $("#testmask").val());
  913. $("#testmask").remove();
  914. });
  915. test("inputmask(\"decimal\") - value=\"123.45\" Replace last integer", function () {
  916. $('body').append('<input type="text" id="testmask" />');
  917. $("#testmask").inputmask("decimal", { digits: 2 });
  918. $("#testmask")[0].focus();
  919. $("#testmask").Type("123.45");
  920. caret( $("#testmask"), 2,3);
  921. $("#testmask").SendKey("7");
  922. equal($("#testmask").val(), "127.45", "Result " + $("#testmask").val());
  923. $("#testmask").remove();
  924. });
  925. test("inputmask - Multiple inputs masked, Integer mask doesn't allow typing - #402 - albatrocity", function () {
  926. $('body').append('<input type="text" id="testmask" />');
  927. $('body').append('<input type="text" id="testmask2" />');
  928. $("#testmask").inputmask("integer", {
  929. autoGroup: true,
  930. groupSeparator: ",",
  931. groupSize: 3
  932. });
  933. $("#testmask2").inputmask("(999)-999-9999");
  934. $("#testmask")[0].focus();
  935. $("#testmask").Type("12345");
  936. equal($("#testmask").val(), "12,345", "Result " + $("#testmask").val());
  937. $("#testmask").remove();
  938. $("#testmask2").remove();
  939. });
  940. module("Direction RTL");
  941. test("inputmask(\"999.999.999\") - delete 2nd with backspace, continue the mask", function () {
  942. $('body').append('<input type="text" id="testmask" dir="rtl" />');
  943. $("#testmask").inputmask("999.999.999");
  944. $("#testmask")[0].focus();
  945. $("#testmask").SendKey("1");
  946. $("#testmask").SendKey("2");
  947. $("#testmask").SendKey("3");
  948. $("#testmask").SendKey(keyCodes.RIGHT);
  949. $("#testmask").SendKey(keyCodes.RIGHT);
  950. $("#testmask").SendKey(keyCodes.RIGHT);
  951. $("#testmask").SendKey(keyCodes.BACKSPACE);
  952. $("#testmask").SendKey("4");
  953. $("#testmask").SendKey(keyCodes.LEFT);
  954. $("#testmask").SendKey("5");
  955. $("#testmask").SendKey("6");
  956. equal($("#testmask").val(), "___._65.341", "Result " + $("#testmask").val());
  957. $("#testmask").remove();
  958. });
  959. test("inputmask(\"999.999.999\") - delete 2nd with delete, continue the mask", function () {
  960. $('body').append('<input type="text" id="testmask" dir="rtl" />');
  961. $("#testmask").inputmask("999.999.999");
  962. $("#testmask")[0].focus();
  963. $("#testmask").SendKey("1");
  964. $("#testmask").SendKey("2");
  965. $("#testmask").SendKey("3");
  966. $("#testmask").SendKey(keyCodes.RIGHT);
  967. $("#testmask").SendKey(keyCodes.RIGHT);
  968. $("#testmask").SendKey(keyCodes.DELETE);
  969. $("#testmask").SendKey("4");
  970. $("#testmask").SendKey(keyCodes.LEFT);
  971. $("#testmask").SendKey("5");
  972. $("#testmask").SendKey("6");
  973. equal($("#testmask").val(), "___._65.341", "Result " + $("#testmask").val());
  974. $("#testmask").remove();
  975. });
  976. test("inputmask(\"999-aaa-999\")", function () {
  977. $('body').append('<input type="text" id="testmask" dir="rtl" />');
  978. $("#testmask").inputmask("999-aaa-999");
  979. $("#testmask")[0].focus();
  980. $("#testmask").Type("123abc12");
  981. equal($("#testmask").val(), "_21-cba-321", "Result " + $("#testmask").val());
  982. $("#testmask").remove();
  983. });
  984. test("inputmask(\"999-999-999\") - replace selection", function () {
  985. $('body').append('<input type="text" id="testmask" dir="rtl" />');
  986. $("#testmask").inputmask("999-999-999");
  987. $("#testmask")[0].focus();
  988. $("#testmask").Type("123456789");
  989. caret($("#testmask"), 4, 7);
  990. $("#testmask").Type("5");
  991. equal($("#testmask").val(), "__9-875-321", "Result " + $("#testmask").val());
  992. $("#testmask").remove();
  993. });
  994. test("inputmask(\"999-999-999\") - replace selection with backspace", function () {
  995. $('body').append('<input type="text" id="testmask" dir="rtl" />');
  996. $("#testmask").inputmask("999-999-999");
  997. $("#testmask")[0].focus();
  998. $("#testmask").Type("123456789");
  999. caret($("#testmask"), 4, 7);
  1000. $("#testmask").SendKey(keyCodes.BACKSPACE);
  1001. $("#testmask").Type("5");
  1002. equal($("#testmask").val(), "__9-875-321", "Result " + $("#testmask").val());
  1003. $("#testmask").remove();
  1004. });
  1005. test("inputmask(\"999-999-999\") - replace selection - with delete", function () {
  1006. $('body').append('<input type="text" id="testmask" dir="rtl" />');
  1007. $("#testmask").inputmask("999-999-999");
  1008. $("#testmask")[0].focus();
  1009. $("#testmask").Type("123456789");
  1010. caret($("#testmask"), 4, 7);
  1011. $("#testmask").SendKey(keyCodes.DELETE);
  1012. $("#testmask").Type("5");
  1013. equal($("#testmask").val(), "__9-875-321", "Result " + $("#testmask").val());
  1014. $("#testmask").remove();
  1015. });
  1016. module("Numeric Input");
  1017. test("inputmask({ mask: \"9\", numericInput: true, repeat: 10, greedy: true }); - 1234567890", function () {
  1018. $('body').append('<input type="text" id="testmask" />');
  1019. $("#testmask").inputmask({ mask: "9", numericInput: true, repeat: 10, greedy: true });
  1020. $("#testmask")[0].focus();
  1021. $("#testmask").Type("1234567890");
  1022. equal($("#testmask").val(), "1234567890", "Result " + $("#testmask").val());
  1023. $("#testmask").remove();
  1024. });
  1025. test("inputmask({ mask: \"9\", numericInput: true, repeat: 10, greedy: true }); - replace selection", function () {
  1026. $('body').append('<input type="text" id="testmask" />');
  1027. $("#testmask").inputmask({ mask: "9", numericInput: true, repeat: 10, greedy: true });
  1028. $("#testmask")[0].focus();
  1029. $("#testmask").Type("1234567890");
  1030. caret($("#testmask"), 3, 6);
  1031. $("#testmask").Type("5");
  1032. equal($("#testmask").val(), "__12357890", "Result " + $("#testmask").val());
  1033. $("#testmask").remove();
  1034. });
  1035. test("inputmask({ mask: \"99-99-99\", numericInput: true }); - 1234567890", function () {
  1036. $('body').append('<input type="text" id="testmask" />');
  1037. $("#testmask").inputmask({ mask: "99-99-99", numericInput: true });
  1038. $("#testmask")[0].focus();
  1039. $("#testmask").Type("1234567890");
  1040. equal($("#testmask").val(), "12-34-56", "Result " + $("#testmask").val());
  1041. $("#testmask").remove();
  1042. });
  1043. test("inputmask({ mask: \"€ 999.999.999,99\", numericInput: true }); - 123", function () {
  1044. $('body').append('<input type="text" id="testmask" />');
  1045. $("#testmask").inputmask('€ 999.999.999,99', { numericInput: true });
  1046. $("#testmask")[0].focus();
  1047. $("#testmask").Type("123");
  1048. equal($("#testmask").val(), "€ ___.___.__1,23", "Result " + $("#testmask").val());
  1049. $("#testmask").remove();
  1050. });
  1051. test("inputmask({ mask: \"€ 999.999.999,99\", numericInput: true }); - 123 position before 456", function () {
  1052. $('body').append('<input type="text" id="testmask" />');
  1053. $("#testmask").inputmask('€ 999.999.999,99', { numericInput: true });
  1054. $("#testmask")[0].focus();
  1055. $("#testmask").Type("123");
  1056. caret($("#testmask"), 12);
  1057. $("#testmask").Type("456");
  1058. equal($("#testmask").val(), "€ ___.__4.561,23", "Result " + $("#testmask").val());
  1059. $("#testmask").remove();
  1060. });
  1061. asyncTest("inputmask({ mask: \"€ 999.999.999,99\", { numericInput: true, radixPoint: \",\" }); - 123", function () {
  1062. $('body').append('<input type="text" id="testmask" />');
  1063. $("#testmask").inputmask('€ 999.999.999,99', { numericInput: true, radixPoint: "," });
  1064. $("#testmask").click();
  1065. setTimeout(function () {
  1066. $("#testmask").Type("123");
  1067. equal($("#testmask").val(), "€ ___.___.123,__", "Result " + $("#testmask").val());
  1068. start();
  1069. $("#testmask").remove();
  1070. }, 0);
  1071. });
  1072. asyncTest("inputmask({ mask: \"€ 999.999.999,99\", { numericInput: true, radixPoint: \",\" }); - 123,45", function () {
  1073. $('body').append('<input type="text" id="testmask" />');
  1074. $("#testmask").inputmask('€ 999.999.999,99', { numericInput: true, radixPoint: "," });
  1075. $("#testmask").click();
  1076. setTimeout(function () {
  1077. $("#testmask").Type("123,45");
  1078. equal($("#testmask").val(), "€ ___.___.123,45", "Result " + $("#testmask").val());
  1079. start();
  1080. $("#testmask").remove();
  1081. }, 0);
  1082. });
  1083. test("inputmask({ mask: \"9999 t\", { numericInput: true }); - 123 - Joe Rosa", function () {
  1084. $('body').append('<input type="text" id="testmask" />');
  1085. $("#testmask").inputmask('9999 t', { numericInput: true });
  1086. $("#testmask").focus();
  1087. $("#testmask").click();
  1088. $("#testmask").Type("123");
  1089. equal($("#testmask").val(), "_123 t", "Result " + $("#testmask").val());
  1090. $("#testmask").remove();
  1091. });
  1092. test("inputmask({ mask: \"9999 t\", { numericInput: true, autoUnmask: true }); - 70 - Joe Rosa", function () {
  1093. $('body').append('<input type="text" id="testmask" />');
  1094. $("#testmask").inputmask('9999 t', { numericInput: true, autoUnmask: true });
  1095. $("#testmask").focus();
  1096. $("#testmask").click();
  1097. $("#testmask").Type("70");
  1098. equal($("#testmask").val(), "70", "Result " + $("#testmask").val());
  1099. $("#testmask").remove();
  1100. });
  1101. test("inputmask({ mask: \"['$9.99', '$99.99', '$999.99', '$9,999.99', '$99,999.99', '$999,999.99', '$9,999,999.99', '$99,999,999.99', '$999,999,999.99'], 'placeholder': ' ', 'numericInput': true, 'rightAlignNumerics': false\" value=\"$100000.00\"", function () {
  1102. $('body').append("<input type=\"text\" id=\"testmask\" data-inputmask=\"'mask': ['$9.99', '$99.99', '$999.99', '$9,999.99', '$99,999.99', '$999,999.99', '$9,999,999.99', '$99,999,999.99', '$999,999,999.99'], 'placeholder': ' ', 'numericInput': true, 'rightAlignNumerics': false\" value=\"$100000.00\"/>");
  1103. $("#testmask").inputmask();
  1104. equal($("#testmask").val(), "$100,000.00", "Result " + $("#testmask").val());
  1105. $("#testmask").remove();
  1106. });
  1107. module("Regex masks")
  1108. test("inputmask(\"Regex\", { regex: \"[0-9]*\"});", function () {
  1109. $('body').append('<input type="text" id="testmask" />');
  1110. $("#testmask").inputmask("Regex", { regex: "[0-9]*" });
  1111. $("#testmask")[0].focus();
  1112. $("#testmask").Type("123abc45");
  1113. equal($("#testmask").val(), "12345", "Result " + $("#testmask").val());
  1114. $("#testmask").remove();
  1115. });
  1116. test("inputmask(\"Regex\", { regex: \"[A-Za-z\u0410-\u044F\u0401\u04510-9]*\"});", function () {
  1117. $('body').append('<input type="text" id="testmask" />');
  1118. $("#testmask").inputmask("Regex", { regex: "[A-Za-z\u0410-\u044F\u0401\u04510-9]*" });
  1119. $("#testmask")[0].focus();
  1120. $("#testmask").Type("123abc45");
  1121. equal($("#testmask").val(), "123abc45", "Result " + $("#testmask").val());
  1122. $("#testmask").remove();
  1123. });
  1124. test("inputmask(\"Regex\", { regex: \"[A-Za-z\u0410-\u044F\u0401\u0451]+[A-Za-z\u0410-\u044F\u0401\u04510-9]*\"});", function () {
  1125. $('body').append('<input type="text" id="testmask" />');
  1126. $("#testmask").inputmask("Regex", { regex: "[A-Za-z\u0410-\u044F\u0401\u0451]+[A-Za-z\u0410-\u044F\u0401\u04510-9]*" });
  1127. $("#testmask")[0].focus();
  1128. $("#testmask").Type("123abc45");
  1129. equal($("#testmask").val(), "abc45", "Result " + $("#testmask").val());
  1130. $("#testmask").remove();
  1131. });
  1132. test("inputmask(\"Regex\", { regex: \"[A-Za-z\u0410-\u044F\u0401\u0451]{1}[A-Za-z\u0410-\u044F\u0401\u04510-9]*\"});", function () {
  1133. $('body').append('<input type="text" id="testmask" />');
  1134. $("#testmask").inputmask("Regex", { regex: "[A-Za-z\u0410-\u044F\u0401\u0451]{1}[A-Za-z\u0410-\u044F\u0401\u04510-9]*" });
  1135. $("#testmask")[0].focus();
  1136. $("#testmask").Type("123abc45");
  1137. equal($("#testmask").val(), "abc45", "Result " + $("#testmask").val());
  1138. $("#testmask").remove();
  1139. });
  1140. test("inputmask(\"Regex\", { regex: \"[-]?(([1-8][0-9])|[1-9]0?)\"});", function () {
  1141. $('body').append('<input type="text" id="testmask" />');
  1142. $("#testmask").inputmask("Regex", { regex: "[-]?(([1-8][0-9])|[1-9]0?)" });
  1143. $("#testmask")[0].focus();
  1144. $("#testmask").Type("90");
  1145. equal($("#testmask").val(), "90", "Result " + $("#testmask").val());
  1146. $("#testmask").remove();
  1147. });
  1148. test("inputmask(\"Regex\", { regex: \"[-]?(([1-8][0-9])|[1-9]0?)\"});", function () {
  1149. $('body').append('<input type="text" id="testmask" />');
  1150. $("#testmask").inputmask("Regex", { regex: "[-]?(([1-8][0-9])|[1-9]0?)" });
  1151. $("#testmask")[0].focus();
  1152. $("#testmask").Type("0");
  1153. equal($("#testmask").val(), "", "Result " + $("#testmask").val());
  1154. $("#testmask").remove();
  1155. });
  1156. test("inputmask(\"Regex\", { regex: \"[-]?(([1-8][0-9])|[1-9]0?)\"});", function () {
  1157. $('body').append('<input type="text" id="testmask" />');
  1158. $("#testmask").inputmask("Regex", { regex: "[-]?(([1-8][0-9])|[1-9]0?)" });
  1159. $("#testmask")[0].focus();
  1160. $("#testmask").Type("-78");
  1161. equal($("#testmask").val(), "-78", "Result " + $("#testmask").val());
  1162. $("#testmask").remove();
  1163. });
  1164. test("inputmask(\"Regex\", { regex: \"[a-zA-Z0-9._%-]+@[a-zA-Z0-9-]+\\.[a-zA-Z]{2,4}\" - regex simple email", function () {
  1165. $('body').append('<input type="text" id="testmask" />');
  1166. $("#testmask").inputmask("Regex", { regex: "[a-zA-Z0-9._%-]+@[a-zA-Z0-9-]+\\.[a-zA-Z]{2,4}" });
  1167. $("#testmask")[0].focus();
  1168. $("#testmask").Type("some.body@mail.com");
  1169. equal($("#testmask").val(), "some.body@mail.com", "Result " + $("#testmask").val());
  1170. $("#testmask").remove();
  1171. });
  1172. 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 () {
  1173. $('body').append('<input type="text" id="testmask" />');
  1174. $("#testmask").inputmask("Regex", { regex: "(([2-9][0-9])-([0-9]{3}-[0-9]{3}))|((1|30|20|70)-([0-9]{3}-[0-9]{4}))" });
  1175. $("#testmask")[0].focus();
  1176. $("#testmask").Type("1-123-4562");
  1177. equal($("#testmask").val(), "1-123-4562", "Result " + $("#testmask").val());
  1178. $("#testmask").remove();
  1179. });
  1180. 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 () {
  1181. $('body').append('<input type="text" id="testmask" />');
  1182. $("#testmask").inputmask("Regex", { regex: "(([2-9][0-9])-([0-9]{3}-[0-9]{3}))|((1|30|20|70)-([0-9]{3}-[0-9]{4}))" });
  1183. $("#testmask")[0].focus();
  1184. $("#testmask").Type("20-222-2222");
  1185. equal($("#testmask").val(), "20-222-2222", "Result " + $("#testmask").val());
  1186. $("#testmask").remove();
  1187. });
  1188. 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 () {
  1189. $('body').append('<input type="text" id="testmask" />');
  1190. $("#testmask").inputmask("Regex", { regex: "(([2-9][0-9])-([0-9]{3}-[0-9]{3}))|((1|30|20|70)-([0-9]{3}-[0-9]{4}))" });
  1191. $("#testmask")[0].focus();
  1192. $("#testmask").Type("22-222-234");
  1193. equal($("#testmask").val(), "22-222-234", "Result " + $("#testmask").val());
  1194. $("#testmask").remove();
  1195. });
  1196. 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 () {
  1197. $('body').append('<input type="text" id="testmask" />');
  1198. $("#testmask").inputmask("Regex", { regex: "(([2-9][0-9])-([0-9]{3}-[0-9]{3}))|((1|30|20|70)-([0-9]{3}-[0-9]{4}))" });
  1199. $("#testmask")[0].focus();
  1200. $("#testmask").Type("70-12-34");
  1201. equal($("#testmask").val(), "70-123", "Result " + $("#testmask").val());
  1202. $("#testmask").remove();
  1203. });
  1204. test("inputmask(\"Regex\", { regex: \"([0-9]|[1][0-9]|[2][0-3]?)(\\.(5|25|75))?\" - arame regex 12", function () {
  1205. $('body').append('<input type="text" id="testmask" />');
  1206. $("#testmask").inputmask("Regex", { regex: "([0-9]|[1][0-9]|[2][0-3]?)(\\.(5|25|75))?" });
  1207. $("#testmask")[0].focus();
  1208. $("#testmask").Type("12");
  1209. equal($("#testmask").val(), "12", "Result " + $("#testmask").val());
  1210. $("#testmask").remove();
  1211. });
  1212. test("inputmask(\"Regex\", { regex: \"([0-9]|[1][0-9]|[2][0-3]?)(\\.(5|25|75))?\" } - arame regex 12.5", function () {
  1213. $('body').append('<input type="text" id="testmask" />');
  1214. $("#testmask").inputmask("Regex", { regex: "([0-9]|[1][0-9]|[2][0-3]?)(\\.(5|25|75))?" });
  1215. $("#testmask")[0].focus();
  1216. $("#testmask").Type("12.5");
  1217. equal($("#testmask").val(), "12.5", "Result " + $("#testmask").val());
  1218. $("#testmask").remove();
  1219. });
  1220. test("inputmask(\"Regex\", { regex: \"([0-9]|[1][0-9]|[2][0-3]?)(\\.(5|25|75))?\" } - arame regex 12.75", function () {
  1221. $('body').append('<input type="text" id="testmask" />');
  1222. $("#testmask").inputmask("Regex", { regex: "([0-9]|[1][0-9]|[2][0-3]?)(\\.(5|25|75))?" });
  1223. $("#testmask")[0].focus();
  1224. $("#testmask").Type("12.75");
  1225. equal($("#testmask").val(), "12.75", "Result " + $("#testmask").val());
  1226. $("#testmask").remove();
  1227. });
  1228. test("inputmask('Regex', { regex: \"(abc)+(def)\" }); - Flyarbonkers regex abcdef", function () {
  1229. $('body').append('<input type="text" id="testmask" />');
  1230. $("#testmask").inputmask('Regex', { regex: "(abc)+(def)" });
  1231. $("#testmask")[0].focus();
  1232. $("#testmask").Type("abcdef");
  1233. equal($("#testmask").val(), "abcdef", "Result " + $("#testmask").val());
  1234. $("#testmask").remove();
  1235. });
  1236. test("inputmask('Regex', { regex: \"(abc)+(def)\" }); - Flyarbonkers regex 123a4b5c6d7e8f", function () {
  1237. $('body').append('<input type="text" id="testmask" />');
  1238. $("#testmask").inputmask('Regex', { regex: "(abc)+(def)" });
  1239. $("#testmask")[0].focus();
  1240. $("#testmask").Type("123a4b5c6d7e8f");
  1241. equal($("#testmask").val(), "abcdef", "Result " + $("#testmask").val());
  1242. $("#testmask").remove();
  1243. });
  1244. test("inputmask('Regex', { regex: \"(abc)+(def)\" }); - Flyarbonkers regex abcabcdef", function () {
  1245. $('body').append('<input type="text" id="testmask" />');
  1246. $("#testmask").inputmask('Regex', { regex: "(abc)+(def)" });
  1247. $("#testmask")[0].focus();
  1248. $("#testmask").Type("abcabcdef");
  1249. equal($("#testmask").val(), "abcabcdef", "Result " + $("#testmask").val());
  1250. $("#testmask").remove();
  1251. });
  1252. module("Phone masks")
  1253. asyncTest("inputmask(\"phone\") - value=\"+32(473)890-428\"", 1, function () {
  1254. $('body').append('<input type="text" id="testmask" value="+32(473)890-428" />');
  1255. $("#testmask").inputmask("phone", { "url": "http://rawgithub.com/RobinHerbots/jquery.inputmask/2.x/js/phone-codes/phone-codes.json" });
  1256. setTimeout(function () {
  1257. equal($("#testmask").val(), "+32(473)890-428", "Result " + $("#testmask").val());
  1258. start();
  1259. $("#testmask").remove();
  1260. }, 0);
  1261. });
  1262. asyncTest("inputmask(\"phone\") - value=\"32473890428\"", 1, function () {
  1263. $('body').append('<input type="text" id="testmask" value="32473890428" />');
  1264. $("#testmask").inputmask("phone", { "url": "http://rawgithub.com/RobinHerbots/jquery.inputmask/2.x/js/phone-codes/phone-codes.json" });
  1265. setTimeout(function () {
  1266. equal($("#testmask").val(), "+32(473)890-428", "Result " + $("#testmask").val());
  1267. start();
  1268. $("#testmask").remove();
  1269. }, 0);
  1270. });
  1271. asyncTest("inputmask(\"phone\") - Brazil new", 1, function () {
  1272. $('body').append('<input type="text" id="testmask" value="5512123451234" />');
  1273. $("#testmask").inputmask("phone", { "url": "http://rawgithub.com/RobinHerbots/jquery.inputmask/2.x/js/phone-codes/phone-codes.json" });
  1274. setTimeout(function () {
  1275. equal($("#testmask").val(), "+55-12-12345-1234", "Result " + $("#testmask").val());
  1276. start();
  1277. $("#testmask").remove();
  1278. }, 0);
  1279. });
  1280. asyncTest("inputmask(\"phone\") - Brazil old", 1, function () {
  1281. $('body').append('<input type="text" id="testmask" value="55121234-1234" />');
  1282. $("#testmask").inputmask("phone", { "url": "http://rawgithub.com/RobinHerbots/jquery.inputmask/2.x/js/phone-codes/phone-codes.json" });
  1283. setTimeout(function () {
  1284. equal($("#testmask").val(), "+55-12-1234-1234", "Result " + $("#testmask").val());
  1285. start();
  1286. $("#testmask").remove();
  1287. }, 0);
  1288. });
  1289. asyncTest("inputmask(\"phone\") - Brazil switch", 1, function () {
  1290. $('body').append('<input type="text" id="testmask" value="55121234-1234" />');
  1291. $("#testmask").inputmask("phone", { "url": "http://rawgithub.com/RobinHerbots/jquery.inputmask/2.x/js/phone-codes/phone-codes.json" });
  1292. setTimeout(function () {
  1293. $("#testmask").SendKey(keyCodes.BACKSPACE);
  1294. $("#testmask").SendKey(keyCodes.BACKSPACE);
  1295. $("#testmask").SendKey(keyCodes.BACKSPACE);
  1296. $("#testmask").SendKey(keyCodes.BACKSPACE);
  1297. $("#testmask").SendKey(keyCodes.BACKSPACE);
  1298. $("#testmask").Type("451234");
  1299. equal($("#testmask").val(), "+55-12-12345-1234", "Result " + $("#testmask").val());
  1300. start();
  1301. $("#testmask").remove();
  1302. }, 0);
  1303. });
  1304. module("IP - masks")
  1305. test("inputmask(\"ip\" - 10.10.10.10", function () {
  1306. $('body').append('<input type="text" id="testmask" />');
  1307. $('body').append('<input type="text" id="testmask2" />');
  1308. $("#testmask").inputmask("ip")
  1309. $("#testmask")[0].focus();
  1310. $("#testmask").Type("10.10.10.10");
  1311. $("#testmask2")[0].focus();
  1312. equal($("#testmask").val(), "10.10.10.10", "Result " + $("#testmask").val());
  1313. $("#testmask").remove();
  1314. $("#testmask2").remove();
  1315. });
  1316. test("inputmask(\"ip\" - 1.1.1.1", function () {
  1317. $('body').append('<input type="text" id="testmask" />');
  1318. $('body').append('<input type="text" id="testmask2" />');
  1319. $("#testmask").inputmask("ip")
  1320. $("#testmask")[0].focus();
  1321. $("#testmask").Type("1.1.1.1");
  1322. $("#testmask2")[0].focus();
  1323. equal($("#testmask").val(), "1.1.1.1", "Result " + $("#testmask").val());
  1324. $("#testmask").remove();
  1325. $("#testmask2").remove();
  1326. });
  1327. test("inputmask(\"ip\" - 255.255.255.255", function () {
  1328. $('body').append('<input type="text" id="testmask" />');
  1329. $('body').append('<input type="text" id="testmask2" />');
  1330. $("#testmask").inputmask("ip")
  1331. $("#testmask")[0].focus();
  1332. $("#testmask").Type("255.255.255.255");
  1333. $("#testmask2")[0].focus();
  1334. equal($("#testmask").val(), "255.255.255.255", "Result " + $("#testmask").val());
  1335. $("#testmask").remove();
  1336. $("#testmask2").remove();
  1337. });
  1338. test("inputmask(\"ip\" - 192.168.1.100", function () {
  1339. $('body').append('<input type="text" id="testmask" />');
  1340. $('body').append('<input type="text" id="testmask2" />');
  1341. $("#testmask").inputmask("ip")
  1342. $("#testmask")[0].focus();
  1343. $("#testmask").Type("192.168.1.100");
  1344. $("#testmask2")[0].focus();
  1345. equal($("#testmask").val(), "192.168.1.100", "Result " + $("#testmask").val());
  1346. $("#testmask").remove();
  1347. $("#testmask2").remove();
  1348. });
  1349. module("Dynamic Masks");
  1350. test("inputmask(\"*{1,20}@*{1,20}.*{2,6}[.*{2}]\" - email mask", function () {
  1351. $('body').append('<input type="text" id="testmask" />');
  1352. $("#testmask").inputmask("*{1,20}@*{1,20}.*{2,6}[.*{2}]")
  1353. $("#testmask")[0].focus();
  1354. $("#testmask").Type("some.body@mail.com");
  1355. equal($("#testmask").val(), "some.body@mail.com", "Result " + $("#testmask").val());
  1356. $("#testmask").remove();
  1357. });