tests.js 66 KB

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