tests.js 63 KB

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