tests.js 53 KB

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