tests.js 51 KB

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