tests.js 66 KB

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