tests.js 66 KB

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