| 123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550551552553554555556557558559560561562563564565566567568569570571572573574575576577578579580581582583584585586587588589590591592593594595596597598599600601602603604605606607608609610611612613614615616617618619620621622623624625626627628629630631632633634635636637638639640641642643644645646647648649650651652653654655656657658659660661662663664665666667668669670671672673674675676677678679680681682683684685686687688689690691692693694695696697698699700701702703704705706707708709710711712713714715716717718719720721722723724725726727728729730731732733734735736737738739740741742743744745746747748749750751752753754755756757758759760761762763764765766767768769770771772773774775776777778779780781782783784785786787788789790791792793794795796797798799800801802803804805806807808809810811812813814815816817818819820821822823824825826827828829830831832833834835836837838839840841842843844845846847848849850851852853854855856857858859860861862863864865866867868869870871872873874875876877878879880881882883884885886887888889890891892893894895896897898899900901902903904905906907908909910911912913914915916917918919920921922923924925926927928929930931932933934935936937938939940941942943944945946947948949950951952953954955956957958959960961962963964965966967968969970971972973974975976977978979980981982983984985986987988989990991992993994995996997998999100010011002100310041005100610071008100910101011101210131014101510161017101810191020102110221023102410251026102710281029103010311032103310341035103610371038103910401041104210431044104510461047104810491050105110521053105410551056105710581059106010611062106310641065106610671068106910701071107210731074107510761077107810791080108110821083108410851086108710881089109010911092109310941095109610971098109911001101110211031104110511061107110811091110111111121113111411151116111711181119112011211122112311241125112611271128112911301131113211331134113511361137 |
- var keyCodes = {
- 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,
- 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
- }
- function caret(input, begin, end) {
- var npt = input.jquery && input.length > 0 ? input[0] : input, range;
- if (typeof begin == 'number') {
- if (!$(input).is(':visible')) {
- return;
- }
- end = (typeof end == 'number') ? end : begin;
- if (npt.setSelectionRange) {
- npt.selectionStart = begin;
- npt.selectionEnd = end;
- } else if (npt.createTextRange) {
- range = npt.createTextRange();
- range.collapse(true);
- range.moveEnd('character', end);
- range.moveStart('character', begin);
- range.select();
- }
- } else {
- if (!$(input).is(':visible')) {
- return { "begin": 0, "end": 0 };
- }
- if (npt.setSelectionRange) {
- begin = npt.selectionStart;
- end = npt.selectionEnd;
- } else if (document.selection && document.selection.createRange) {
- range = document.selection.createRange();
- begin = 0 - range.duplicate().moveStart('character', -100000);
- end = begin + range.text.length;
- }
- return { "begin": begin, "end": end };
- }
- };
- $.fn.SendKey = function (keyCode, modifier) {
- var sendDummyKeydown = false;
- if (Object.prototype.toString.call(keyCode) == '[object String]') {
- keyCode = keyCode.charCodeAt(0);
- sendDummyKeydown = true;
- }
- switch (keyCode) {
- case keyCodes.LEFT: {
- if (modifier == undefined) {
- var pos = caret(this);
- caret(this, pos.begin - 1);
- break;
- }
- }
- case keyCodes.RIGHT: {
- if (modifier == undefined) {
- var pos = caret(this);
- caret(this, pos.begin + 1);
- break;
- }
- }
- default: {
- var keydown = $.Event("keydown"),
- keypress = $.Event("keypress"),
- keyup = $.Event("keyup");
- if (!sendDummyKeydown) {
- keydown.keyCode = keyCode;
- if (modifier == keyCodes.CONTROL)
- keydown.ctrlKey = true;
- }
- $(this).trigger(keydown);
- if (!keydown.isDefaultPrevented()) {
- keypress.keyCode = keyCode;
- if (modifier == keyCodes.CONTROL)
- keypress.ctrlKey = true;
- $(this).trigger(keypress);
- if (!keypress.isDefaultPrevented()) {
- keyup.keyCode = keyCode;
- if (modifier == keyCodes.CONTROL)
- keyup.ctrlKey = true;
- $(this).trigger(keyup);
- }
- }
- }
- }
- }
- $.fn.Type = function (inputStr) {
- var $input = $(this);
- $.each(inputStr.split(''), function (ndx, lmnt) {
- $input.SendKey(lmnt);
- });
- }
- module("Simple masking");
- test("inputmask(\"99-99-99\", { clearMaskOnLostFocus: false}", function () {
- $('body').append('<input type="text" id="testmask" />');
- $("#testmask").inputmask("99-99-99", { clearMaskOnLostFocus: false });
- equal(document.getElementById("testmask").value, "__-__-__", "Result " + document.getElementById("testmask").value);
- $("#testmask").remove();
- });
- test("inputmask(\"99-99-99\", { clearMaskOnLostFocus: true}", function () {
- $('body').append('<input type="text" id="testmask" />');
- $("#testmask").inputmask("99-99-99", { clearMaskOnLostFocus: true });
- equal(document.getElementById("testmask").value, "", "Result " + document.getElementById("testmask").value);
- $("#testmask").remove();
- });
- test("inputmask(\"999.999.999\")", function () {
- $('body').append('<input type="text" id="testmask" />');
- $("#testmask").inputmask("999.999.999");
- $("#testmask")[0].focus();
- $("#testmask").SendKey(49);
- $("#testmask").SendKey(50);
- $("#testmask").SendKey(51);
- equal($("#testmask").val(), "123.___.___", "Result " + $("#testmask").val());
- $("#testmask").remove();
- });
- asyncTest("inputmask(\"999.999.999\", { oncomplete: ... })", 1, function () {
- $('body').append('<input type="text" id="testmask" />');
- $("#testmask").inputmask("999.999.999", {
- oncomplete: function () {
- equal($("#testmask").val(), "123.456.789", "Result " + $("#testmask").val());
- start();
- $("#testmask").remove();
- }
- });
- $("#testmask")[0].focus();
- $("#testmask").SendKey(49);
- $("#testmask").SendKey(50);
- $("#testmask").SendKey(51);
- $("#testmask").SendKey(52);
- $("#testmask").SendKey(53);
- $("#testmask").SendKey(54);
- $("#testmask").SendKey(55);
- $("#testmask").SendKey(56);
- $("#testmask").SendKey(57);
- });
- asyncTest("inputmask(\"9-AAA.999\") - change event", 1, function () {
- $('body').append('<input type="text" id="testmask" />');
- $("#testmask").inputmask("9-AAA.999").change(function () {
- ok(true, "Change triggered");
- $("#testmask").remove();
- start();
- });
- $("#testmask")[0].focus();
- $("#testmask").Type("1abc12");
-
- $("#testmask").blur();
- });
- asyncTest("inputmask(\"9-AAA.999\", { onincomplete: ... })", 1, function () {
- $('body').append('<input type="text" id="testmask" />');
- $("#testmask").inputmask("9-AAA.999", {
- onincomplete: function () {
- equal($("#testmask").val(), "1-ABC.12_", "Result " + $("#testmask").val());
- start();
- $("#testmask").remove();
- }
- });
- $("#testmask")[0].focus();
- $("#testmask").SendKey(49);
- $("#testmask").SendKey(65);
- $("#testmask").SendKey(66);
- $("#testmask").SendKey(67);
- $("#testmask").SendKey(49);
- $("#testmask").SendKey(50);
- $("#testmask").blur();
- });
- test("inputmask(\"999.999.999\") - delete 2nd with backspace, continue the mask", function () {
- $('body').append('<input type="text" id="testmask" />');
- $("#testmask").inputmask("999.999.999");
- $("#testmask")[0].focus();
- $("#testmask").SendKey(49);
- $("#testmask").SendKey(50);
- $("#testmask").SendKey(51);
- $("#testmask").SendKey(keyCodes.LEFT);
- $("#testmask").SendKey(keyCodes.LEFT);
- $("#testmask").SendKey(keyCodes.BACKSPACE);
- $("#testmask").SendKey(52);
- $("#testmask").SendKey(keyCodes.RIGHT);
- $("#testmask").SendKey(53);
- $("#testmask").SendKey(54);
- equal($("#testmask").val(), "143.56_.___", "Result " + $("#testmask").val());
- $("#testmask").remove();
- });
- test("inputmask(\"999.999.999\") - delete 2nd with delete, continue the mask", function () {
- $('body').append('<input type="text" id="testmask" />');
- $("#testmask").inputmask("999.999.999");
- $("#testmask")[0].focus();
- $("#testmask").SendKey(49);
- $("#testmask").SendKey(50);
- $("#testmask").SendKey(51);
- $("#testmask").SendKey(keyCodes.LEFT);
- $("#testmask").SendKey(keyCodes.LEFT);
- $("#testmask").SendKey(keyCodes.LEFT);
- $("#testmask").SendKey(keyCodes.DELETE);
- $("#testmask").SendKey(52);
- $("#testmask").SendKey(keyCodes.RIGHT);
- $("#testmask").SendKey(53);
- $("#testmask").SendKey(54);
- equal($("#testmask").val(), "143.56_.___", "Result " + $("#testmask").val());
- $("#testmask").remove();
- });
- test("inputmask(\"*****\")", function () {
- $('body').append('<input type="text" id="testmask" />');
- $("#testmask").inputmask("*****");
- $("#testmask")[0].focus();
- $("#testmask").Type("abe");
- $("#testmask").SendKey(keyCodes.LEFT);
- $("#testmask").Type("cd");
- equal($("#testmask").val(), "abcde", "Result " + $("#testmask").val());
- $("#testmask").remove();
- });
- module("Non-greedy masks");
- test("inputmask(\"*\", { greedy: false, repeat: \"*\" }) - replace cd with 1", function () {
- $('body').append('<input type="text" id="testmask" />');
- $("#testmask").inputmask("*", { greedy: false, repeat: "*" });
- $("#testmask")[0].focus();
- $("#testmask").Type("abcdef");
- caret($("#testmask"), 2, 4);
- $("#testmask").SendKey("1");
- equal($("#testmask").val(), "ab1ef", "Result " + $("#testmask").val());
- $("#testmask").remove();
- });
- test("inputmask(\"*\", { greedy: false, repeat: \"*\" }) - type abcdef", function () {
- $('body').append('<input type="text" id="testmask" />');
- $("#testmask").inputmask("*", { greedy: false, repeat: "*" });
- $("#testmask")[0].focus();
- $("#testmask").Type("abcdef");
- equal($("#testmask").val(), "abcdef", "Result " + $("#testmask").val());
- $("#testmask").remove();
- });
- module("Initial value setting");
- test("inputmask(\"999:99\", { placeholder: \"0\"}) value=\"007:20\"", function () {
- $('body').append('<input type="text" id="testmask" value="007:20" />');
- $("#testmask").inputmask("999:99", { placeholder: "0" });
- equal($("#testmask").val(), "007:20", "Result " + $("#testmask").val());
- $("#testmask").remove();
- });
- test("inputmask(\"99 999 999 999 9999 \\D\\E*** 9999\") ~ value=\"01 650 103 002 0001 DE101 5170\"", function () {
- $('body').append('<input type="text" id="testmask" value="01 650 103 002 0001 DE101 5170" />');
- $("#testmask").inputmask("99 999 999 999 9999 \\D\\E*** 9999");
- equal($("#testmask").val(), "01 650 103 002 0001 DE101 5170", "Result " + $("#testmask").val());
- $("#testmask").remove();
- });
- test("inputmask(\"99 999 999 999 9999 \\D\\E*** 9999\") ~ value=\"016501030020001DE1015170\"", function () {
- $('body').append('<input type="text" id="testmask" value="016501030020001DE1015170" />');
- $("#testmask").inputmask("99 999 999 999 9999 \\D\\E*** 9999");
- equal($("#testmask").val(), "01 650 103 002 0001 DE101 5170", "Result " + $("#testmask").val());
- $("#testmask").remove();
- });
- test("inputmask(\"\\D\\E***\") ~ value=\"DE001\"", function () {
- $('body').append('<input type="text" id="testmask" value="DE001" />');
- $("#testmask").inputmask("\\D\\E***");
- equal($("#testmask").val(), "DE001", "Result " + $("#testmask").val());
- $("#testmask").remove();
- });
- test("inputmask(\"decimal\") ~ value=\"123.45\"", function () {
- $('body').append('<input type="text" id="testmask" value="123.45" />');
- $("#testmask").inputmask("decimal");
- equal($("#testmask").val(), "123.45", "Result " + $("#testmask").val());
- $("#testmask").remove();
- });
- module("Set value with fn.val");
- test("inputmask(\"decimal\") ~ value=\"123.45\"", function () {
- $('body').append('<input type="text" id="testmask" />');
- $("#testmask").inputmask("decimal");
- $("#testmask").val("123.45");
- equal($("#testmask").val(), "123.45", "Result " + $("#testmask").val());
- $("#testmask").remove();
- });
- test("inputmask(\"+7 (999) 999-99-99\") ~ value=\"+7 (+79114041112___) ___-__-__\"", function () {
- $('body').append('<input type="text" id="testmask" />');
- $("#testmask").inputmask("+7 (999) 999-99-99");
- $("#testmask").val("+7 (+79114041112___) ___-__-__");
- equal($("#testmask").val(), "+7 (911) 404-11-12", "Result " + $("#testmask").val());
- $("#testmask").remove();
- });
- test("inputmask(\"9\") ~ value=\"1\"", function () {
- $('body').append('<input type="text" id="testmask" />');
- $("#testmask").inputmask("9");
- $("#testmask").val("1");
- equal($("#testmask").val(), "1", "Result " + $("#testmask").val());
- $("#testmask").remove();
- });
- module("Optional & multi masks");
- test("inputmask(\"(99) 9999[9]-99999\") - input 121234-12345", function () {
- $('body').append('<input type="text" id="testmask" />');
- $("#testmask").inputmask("(99) 9999[9]-99999");
- $("#testmask")[0].focus();
- $("#testmask").Type("121234-12345");
- equal($("#testmask").val(), "(12) 1234-12345", "Result " + $("#testmask").val());
- $("#testmask").remove();
- });
- test("inputmask(\"(99) 9999[9]-99999\") - input 121234512345", function () {
- $('body').append('<input type="text" id="testmask" />');
- $("#testmask").inputmask("(99) 9999[9]-99999");
- $("#testmask")[0].focus();
- $("#testmask").Type("121234512345");
- equal($("#testmask").val(), "(12) 12345-12345", "Result " + $("#testmask").val());
- $("#testmask").remove();
- });
- test("inputmask({ mask: [\"999.999.999-99\", \"99.999.999/9999-99\"]}) - input 12312312312", function () {
- $('body').append('<input type="text" id="testmask" />');
- $("#testmask").inputmask({ mask: ["999.999.999-99", "99.999.999/9999-99"] });
- $("#testmask")[0].focus();
- $("#testmask").Type("12312312312");
- equal($("#testmask").val(), "123.123.123-12", "Result " + $("#testmask").val());
- $("#testmask").remove();
- });
- test("inputmask({ mask: [\"999.999.999-99\", \"99.999.999/9999-99\"]}) - input 12.123123123412", function () {
- $('body').append('<input type="text" id="testmask" />');
- $("#testmask").inputmask({ mask: ["999.999.999-99", "99.999.999/9999-99"] });
- $("#testmask")[0].focus();
- $("#testmask").Type("12.123123123412");
- equal($("#testmask").val(), "12.123.123/1234-12", "Result " + $("#testmask").val());
- $("#testmask").remove();
- });
- test("inputmask({ mask: [\"99999\", \"99999-9999\"]]}) - input 12345", function () {
- $('body').append('<input type="text" id="testmask" />');
- $("#testmask").inputmask({ mask: ["99999", "99999-9999"] });
- $("#testmask")[0].focus();
- $("#testmask").Type("12345");
- equal($("#testmask").val(), "12345", "Result " + $("#testmask").val());
- $("#testmask").remove();
- });
- test("inputmask({ mask: [\"99999\", \"99999-9999\"]]}) - input 12345-1234", function () {
- $('body').append('<input type="text" id="testmask" />');
- $("#testmask").inputmask({ mask: ["99999", "99999-9999"] });
- $("#testmask")[0].focus();
- $("#testmask").Type("12345-1234");
- equal($("#testmask").val(), "12345-1234", "Result " + $("#testmask").val());
- $("#testmask").remove();
- });
- test("inputmask({ mask: [\"99999\", \"99999-9999\"]]}) - input 123451234", function () {
- $('body').append('<input type="text" id="testmask" />');
- $("#testmask").inputmask({ mask: ["99999", "99999-9999"] });
- $("#testmask")[0].focus();
- $("#testmask").Type("123451234");
- equal($("#testmask").val(), "12345-1234", "Result " + $("#testmask").val());
- $("#testmask").remove();
- });
- test("inputmask({ mask: [\"99999\", \"99999-9999\"]]}) - input 1234512", function () {
- $('body').append('<input type="text" id="testmask" />');
- $("#testmask").inputmask({ mask: ["99999", "99999-9999"] });
- $("#testmask")[0].focus();
- $("#testmask").Type("1234512");
- equal($("#testmask").val(), "12345-12__", "Result " + $("#testmask").val());
- $("#testmask").remove();
- });
- test("inputmask({ mask: [\"99999\", \"99999-9999\", \"999999-9999\"]]}) - input 1234561234", function () {
- $('body').append('<input type="text" id="testmask" />');
- $("#testmask").inputmask({ mask: ["99999", "99999-9999", "999999-9999"] });
- $("#testmask")[0].focus();
- $("#testmask").Type("1234561234");
- equal($("#testmask").val(), "123456-1234", "Result " + $("#testmask").val());
- $("#testmask").remove();
- });
- test("inputmask({ mask: [\"99999\", \"99999-9999\", \"999999-9999\"]]}) - input 123456", function () {
- $('body').append('<input type="text" id="testmask" />');
- $("#testmask").inputmask({ mask: ["99999", "99999-9999", "999999-9999"] });
- $("#testmask")[0].focus();
- $("#testmask").Type("123456");
- equal($("#testmask").val(), "12345-6___", "Result " + $("#testmask").val());
- //this is correct as the sequence of the masks || currently "99999-9999", "999999-9999" are valid and thus showing "99999-9999"
- $("#testmask").remove();
- });
- test("inputmask({ mask: \"99999[-9999]\", greedy: true }) - input 123", function () {
- $('body').append('<input type="text" id="testmask" />');
- $("#testmask").inputmask({ mask: "99999[-9999]", greedy: true });
- $("#testmask")[0].focus();
- $("#testmask").Type("123");
- equal($("#testmask").val(), "123__-____", "Result " + $("#testmask").val());
- $("#testmask").remove();
- });
- test("inputmask({ mask: \"99999[-9999]\", greedy: false }) - input 123", function () {
- $('body').append('<input type="text" id="testmask" />');
- $("#testmask").inputmask({ mask: "99999[-9999]", greedy: false });
- $("#testmask")[0].focus();
- $("#testmask").Type("123");
- equal($("#testmask").val(), "123__", "Result " + $("#testmask").val());
- $("#testmask").remove();
- });
- test("inputmask({ mask: \"99999[-9999]\", greedy: false }) - input 12345", function () {
- $('body').append('<input type="text" id="testmask" />');
- $("#testmask").inputmask({ mask: "99999[-9999]", greedy: false });
- $("#testmask")[0].focus();
- $("#testmask").Type("12345");
- equal($("#testmask").val(), "12345", "Result " + $("#testmask").val());
- $("#testmask").remove();
- });
- test("inputmask({ mask: \"99999[-9999]\", greedy: false }) - input 123456", function () {
- $('body').append('<input type="text" id="testmask" />');
- $("#testmask").inputmask({ mask: "99999[-9999]", greedy: false });
- $("#testmask")[0].focus();
- $("#testmask").Type("123456");
- equal($("#testmask").val(), "12345-6___", "Result " + $("#testmask").val());
- $("#testmask").remove();
- });
- test("inputmask({ mask: \"99999[-9999]\", greedy: false }) - input 123456789", function () {
- $('body').append('<input type="text" id="testmask" />');
- $("#testmask").inputmask({ mask: "99999[-9999]", greedy: false });
- $("#testmask")[0].focus();
- $("#testmask").Type("123456789");
- equal($("#testmask").val(), "12345-6789", "Result " + $("#testmask").val());
- $("#testmask").remove();
- });
- test("inputmask({ mask: [\"99999\", \"99999-9999\", \"999999-9999\"]]}) - input 123456", function () {
- $('body').append('<input type="text" id="testmask" dir="rtl" />');
- $("#testmask").inputmask({ mask: ["99999", "99999-9999", "999999-9999"] });
- $("#testmask")[0].focus();
- $("#testmask").Type("123456");
- equal($("#testmask").val(), "___6-54321", "Result " + $("#testmask").val());
-
- $("#testmask").remove();
- });
- module("Date.Extensions");
- test("inputmask(\"dd/mm/yyyy\") - input 2331973", function () {
- $('body').append('<input type="text" id="testmask" />');
- $("#testmask").inputmask("dd/mm/yyyy");
- $("#testmask")[0].focus();
- $("#testmask").SendKey("2");
- $("#testmask").SendKey("3");
- $("#testmask").SendKey("3");
- $("#testmask").SendKey("1");
- $("#testmask").SendKey("9");
- $("#testmask").SendKey("7");
- $("#testmask").SendKey("3");
- equal($("#testmask").val(), "23/03/1973", "Result " + $("#testmask").val());
- $("#testmask").remove();
- });
- test("inputmask(\"mm/dd/yyyy\") - input 3231973", function () {
- $('body').append('<input type="text" id="testmask" />');
- $("#testmask").inputmask("mm/dd/yyyy");
- $("#testmask")[0].focus();
- $("#testmask").SendKey("3");
- $("#testmask").SendKey("2");
- $("#testmask").SendKey("3");
- $("#testmask").SendKey("1");
- $("#testmask").SendKey("9");
- $("#testmask").SendKey("7");
- $("#testmask").SendKey("3");
- equal($("#testmask").val(), "03/23/1973", "Result " + $("#testmask").val());
- $("#testmask").remove();
- });
- test("inputmask(\"dd/mm/yyyy\") - input 29022012", function () {
- $('body').append('<input type="text" id="testmask" />');
- $("#testmask").inputmask("dd/mm/yyyy");
- $("#testmask")[0].focus();
- $("#testmask").SendKey("2");
- $("#testmask").SendKey("9");
- $("#testmask").SendKey("0");
- $("#testmask").SendKey("2");
- $("#testmask").SendKey("2");
- $("#testmask").SendKey("0");
- $("#testmask").SendKey("1");
- $("#testmask").SendKey("2");
- equal($("#testmask").val(), "29/02/2012", "Result " + $("#testmask").val());
- $("#testmask").remove();
- });
- test("inputmask(\"dd/mm/yyyy\") - input 29022013", function () {
- $('body').append('<input type="text" id="testmask" />');
- $("#testmask").inputmask("dd/mm/yyyy");
- $("#testmask")[0].focus();
- $("#testmask").SendKey("2");
- $("#testmask").SendKey("9");
- $("#testmask").SendKey("0");
- $("#testmask").SendKey("2");
- $("#testmask").SendKey("2");
- $("#testmask").SendKey("0");
- $("#testmask").SendKey("1");
- $("#testmask").SendKey("3");
- equal($("#testmask").val(), "29/02/201y", "Result " + $("#testmask").val());
- $("#testmask").remove();
- });
- test("inputmask(\"mm/dd/yyyy\") - input 02292012", function () {
- $('body').append('<input type="text" id="testmask" />');
- $("#testmask").inputmask("mm/dd/yyyy");
- $("#testmask")[0].focus();
- $("#testmask").SendKey("0");
- $("#testmask").SendKey("2");
- $("#testmask").SendKey("2");
- $("#testmask").SendKey("9");
- $("#testmask").SendKey("2");
- $("#testmask").SendKey("0");
- $("#testmask").SendKey("1");
- $("#testmask").SendKey("2");
- equal($("#testmask").val(), "02/29/2012", "Result " + $("#testmask").val());
- $("#testmask").remove();
- });
- test("inputmask(\"mm/dd/yyyy\") - input 02292013", function () {
- $('body').append('<input type="text" id="testmask" />');
- $("#testmask").inputmask("mm/dd/yyyy");
- $("#testmask")[0].focus();
- $("#testmask").SendKey("0");
- $("#testmask").SendKey("2");
- $("#testmask").SendKey("2");
- $("#testmask").SendKey("9");
- $("#testmask").SendKey("2");
- $("#testmask").SendKey("0");
- $("#testmask").SendKey("1");
- $("#testmask").SendKey("3");
- equal($("#testmask").val(), "02/29/201y", "Result " + $("#testmask").val());
- $("#testmask").remove();
- });
- test("inputmask(\"dd/mm/yyyy\") - input CTRL RIGHT", function () {
- $('body').append('<input type="text" id="testmask" />');
- $("#testmask").inputmask("dd/mm/yyyy");
- $("#testmask")[0].focus();
- $("#testmask").SendKey(keyCodes.RIGHT, keyCodes.CONTROL);
- ok($("#testmask").val() != "dd/mm/yyyy", "Result " + $("#testmask").val());
- $("#testmask").remove();
- });
- test("inputmask(\"dd/mm/yyyy\") - input 2331973 BACKSPACE x4 2013", function () {
- $('body').append('<input type="text" id="testmask" />');
- $("#testmask").inputmask("dd/mm/yyyy");
- $("#testmask")[0].focus();
- $("#testmask").SendKey("2");
- $("#testmask").SendKey("3");
- $("#testmask").SendKey("3");
- $("#testmask").SendKey("1");
- $("#testmask").SendKey("9");
- $("#testmask").SendKey("7");
- $("#testmask").SendKey("3");
- $("#testmask").SendKey(keyCodes.BACKSPACE);
- $("#testmask").SendKey(keyCodes.BACKSPACE);
- $("#testmask").SendKey(keyCodes.BACKSPACE);
- $("#testmask").SendKey(keyCodes.BACKSPACE);
- $("#testmask").SendKey("2");
- $("#testmask").SendKey("0");
- $("#testmask").SendKey("1");
- $("#testmask").SendKey("3");
- equal($("#testmask").val(), "23/03/2013", "Result " + $("#testmask").val());
- $("#testmask").remove();
- });
- test("inputmask(\"dd/mm/yyyy\") - input 23373 ", function () {
- $('body').append('<input type="text" id="testmask" />');
- $("#testmask").inputmask("dd/mm/yyyy");
- $("#testmask")[0].focus();
- $("#testmask").Type("23373");
- equal($("#testmask").val(), "23/03/2073", "Result " + $("#testmask").val());
- $("#testmask").remove();
- });
- test("inputmask(\"dd/mm/yyyy\", { yearrange: { minyear: 1900, maxyear: 2000 } }) - input 23373 ", function () {
- $('body').append('<input type="text" id="testmask" />');
- $("#testmask").inputmask("dd/mm/yyyy", { yearrange: { minyear: 1900, maxyear: 2000 } });
- $("#testmask")[0].focus();
- $("#testmask").Type("23373");
- equal($("#testmask").val(), "23/03/1973", "Result " + $("#testmask").val());
- $("#testmask").remove();
- });
- test("inputmask(\"hh:mm\") - add remove add", function () {
- $('body').append('<input type="text" id="testmask" />');
- $('#testmask').inputmask('hh:mm', { clearIncomplete: true });
- $('#testmask').inputmask('remove');
- $('#testmask').inputmask('hh:mm', { clearIncomplete: true });
- $("#testmask")[0].focus();
- $("#testmask").Type("abcdef");
- $("#testmask").Type("23:50");
-
- equal($("#testmask").val(), "23:50", "Result " + $("#testmask").val());
- $("#testmask").remove();
- });
- module("Numeric.Extensions");
- test("inputmask(\"decimal\", { autoGroup: true, groupSeparator: \",\" }\") - input 12345.123", function () {
- $('body').append('<input type="text" id="testmask" />');
- $("#testmask").inputmask("decimal", { autoGroup: true, groupSeparator: "," });
- $("#testmask")[0].focus();
- $("#testmask").SendKey("1");
- $("#testmask").SendKey("2");
- $("#testmask").SendKey("3");
- $("#testmask").SendKey("4");
- $("#testmask").SendKey("5");
- $("#testmask").SendKey(".");
- $("#testmask").SendKey("1");
- $("#testmask").SendKey("2");
- $("#testmask").SendKey("3");
- equal($("#testmask").val(), "12,345.123", "Result " + $("#testmask").val());
- $("#testmask").remove();
- });
- test("inputmask(\"decimal\", { autoGroup: true, groupSeparator: \",\" }\") - input 12345.123 + remove .123", function () {
- $('body').append('<input type="text" id="testmask" />');
- $("#testmask").inputmask("decimal", { autoGroup: true, groupSeparator: "," });
- $("#testmask")[0].focus();
- $("#testmask").Type("12345.123");
- $("#testmask")[0].focus();
- //$("#testmask").click();
- $("#testmask").SendKey(keyCodes.LEFT);
- $("#testmask").SendKey(keyCodes.LEFT);
- $("#testmask").SendKey(keyCodes.LEFT);
- $("#testmask").SendKey(keyCodes.DELETE);
- $("#testmask").SendKey(keyCodes.DELETE);
- $("#testmask").SendKey(keyCodes.DELETE);
- $("#testmask").SendKey(keyCodes.BACKSPACE);
- equal($("#testmask").val(), "12,345", "Result " + $("#testmask").val());
- $("#testmask").remove();
- });
- test("inputmask(\"decimal\", { autoGroup: true, groupSeparator: \",\" }\") - input 12345.123 + replace .123 => .789", function () {
- $('body').append('<input type="text" id="testmask" />');
- $("#testmask").inputmask("decimal", { autoGroup: true, groupSeparator: "," });
- $("#testmask")[0].focus();
- $("#testmask").Type("12345.123");
- //$("#testmask").click();
- $("#testmask").SendKey(keyCodes.LEFT);
- $("#testmask").SendKey(keyCodes.LEFT);
- $("#testmask").SendKey(keyCodes.LEFT);
- $("#testmask").SendKey(keyCodes.LEFT);
- $("#testmask").SendKey(keyCodes.DELETE);
- $("#testmask").SendKey(keyCodes.DELETE);
- $("#testmask").SendKey(keyCodes.DELETE);
- $("#testmask").SendKey(keyCodes.DELETE);
- $("#testmask").Type("789");
- equal($("#testmask").val(), "12,345.789", "Result " + $("#testmask").val());
- $("#testmask").remove();
- });
- test("inputmask(\"decimal\", { autoGroup: true, groupSeparator: \",\" }\") - input 12345.123 + replace .123 => .789", function () {
- $('body').append('<input type="text" id="testmask" />');
- $("#testmask").inputmask("decimal", { autoGroup: true, groupSeparator: "," });
- $("#testmask")[0].focus();
- $("#testmask").Type("12345.123");
- //$("#testmask").click();
- caret($("#testmask"), 6, 10);
- $("#testmask").Type(".789");
- equal($("#testmask").val(), "12,345.789", "Result " + $("#testmask").val());
- $("#testmask").remove();
- });
- test("inputmask(\"decimal\", { autoGroup: false, groupSeparator: \",\" }\") - input 12345.123 + remove .123", function () {
- $('body').append('<input type="text" id="testmask" />');
- $("#testmask").inputmask("decimal", { autoGroup: false, groupSeparator: "," });
- $("#testmask")[0].focus();
- $("#testmask").Type("12345.123");
- //$("#testmask").click();
- $("#testmask").SendKey(keyCodes.LEFT);
- $("#testmask").SendKey(keyCodes.LEFT);
- $("#testmask").SendKey(keyCodes.LEFT);
- $("#testmask").SendKey(keyCodes.LEFT);
- $("#testmask").SendKey(keyCodes.DELETE);
- $("#testmask").SendKey(keyCodes.DELETE);
- $("#testmask").SendKey(keyCodes.DELETE);
- $("#testmask").SendKey(keyCodes.DELETE);
- $("#testmask").SendKey(keyCodes.BACKSPACE);
- equal($("#testmask").val(), "12345", "Result " + $("#testmask").val());
- $("#testmask").remove();
- });
- test("inputmask(\"decimal\", { autoGroup: false, groupSeparator: \",\" }\") - input 12345.123 + replace .123 => .789", function () {
- $('body').append('<input type="text" id="testmask" />');
- $("#testmask").inputmask("decimal", { autoGroup: false, groupSeparator: "," });
- $("#testmask")[0].focus();
- $("#testmask").Type("12345.123");
- //$("#testmask").click();
- $("#testmask").SendKey(keyCodes.LEFT);
- $("#testmask").SendKey(keyCodes.LEFT);
- $("#testmask").SendKey(keyCodes.LEFT);
- $("#testmask").SendKey(keyCodes.LEFT);
- $("#testmask").SendKey(keyCodes.DELETE);
- $("#testmask").SendKey(keyCodes.DELETE);
- $("#testmask").SendKey(keyCodes.DELETE);
- $("#testmask").Type("789");
- equal($("#testmask").val(), "12345.789", "Result " + $("#testmask").val());
- $("#testmask").remove();
- });
- test("inputmask(\"decimal\") - maxlength 10", function () {
- $('body').append('<input type="text" id="testmask" maxlength="10" />');
- $("#testmask").inputmask("decimal");
- $("#testmask")[0].focus();
- $("#testmask").Type("123456789012345");
- equal($("#testmask").val(), "1234567890", "Result " + $("#testmask").val());
- $("#testmask").remove();
- });
- test("inputmask(\"decimal, { repeat: 15 }\") - maxlength 10", function () {
- $('body').append('<input type="text" id="testmask" maxlength="10" />');
- $("#testmask").inputmask("decimal", { repeat: 15 });
- $("#testmask")[0].focus();
- $("#testmask").Type("123456789012345");
- equal($("#testmask").val(), "1234567890", "Result " + $("#testmask").val());
- $("#testmask").remove();
- });
- test("inputmask(\"decimal, { repeat: 5 }\") - maxlength 10", function () {
- $('body').append('<input type="text" id="testmask" maxlength="10" />');
- $("#testmask").inputmask("decimal", { repeat: 5 });
- $("#testmask")[0].focus();
- $("#testmask").Type("123456789012345");
- equal($("#testmask").val(), "12345", "Result " + $("#testmask").val());
- $("#testmask").remove();
- });
- test("inputmask(\"decimal\")", function () {
- $('body').append('<input type="text" id="testmask" />');
- $("#testmask").inputmask("decimal");
- $("#testmask")[0].focus();
- $("#testmask").Type("1234567890");
- caret($("#testmask"), 0, 10);
- $("#testmask").Type("12345");
- equal($("#testmask").val(), "12345", "Result " + $("#testmask").val());
- $("#testmask").remove();
- });
- test("inputmask(\"decimal\") - value=\"1234567890\"", function () {
- $('body').append('<input type="text" id="testmask" value="1234567890" />');
- $("#testmask").inputmask("decimal");
- $("#testmask")[0].focus();
- caret($("#testmask"), 0, 10);
- $("#testmask").Type("12345");
- equal($("#testmask").val(), "12345", "Result " + $("#testmask").val());
- $("#testmask").remove();
- });
- test("inputmask(\"decimal\")", function () {
- $('body').append('<input type="text" id="testmask" />');
- $("#testmask").inputmask("decimal");
- $("#testmask")[0].focus();
- $("#testmask").Type("1234567890");
- caret($("#testmask"), 3, 5);
- $("#testmask").SendKey("0");
- equal($("#testmask").val(), "123067890", "Result " + $("#testmask").val());
- $("#testmask").remove();
- });
- test("inputmask(\"decimal\") - value=\"1234567890\"", function () {
- $('body').append('<input type="text" id="testmask" value="1234567890" />');
- $("#testmask").inputmask("decimal");
- $("#testmask")[0].focus();
- caret($("#testmask"), 3, 5);
- $("#testmask").SendKey("0");
- equal($("#testmask").val(), "123067890", "Result " + $("#testmask").val());
- $("#testmask").remove();
- });
- module("Direction RTL");
- test("inputmask(\"999.999.999\") - delete 2nd with backspace, continue the mask", function () {
- $('body').append('<input type="text" id="testmask" dir="rtl" />');
- $("#testmask").inputmask("999.999.999");
- $("#testmask")[0].focus();
- $("#testmask").SendKey("1");
- $("#testmask").SendKey("2");
- $("#testmask").SendKey("3");
- $("#testmask").SendKey(keyCodes.RIGHT);
- $("#testmask").SendKey(keyCodes.RIGHT);
- $("#testmask").SendKey(keyCodes.RIGHT);
- $("#testmask").SendKey(keyCodes.BACKSPACE);
- $("#testmask").SendKey("4");
- $("#testmask").SendKey(keyCodes.LEFT);
- $("#testmask").SendKey("5");
- $("#testmask").SendKey("6");
- equal($("#testmask").val(), "___._65.341", "Result " + $("#testmask").val());
- $("#testmask").remove();
- });
- test("inputmask(\"999.999.999\") - delete 2nd with delete, continue the mask", function () {
- $('body').append('<input type="text" id="testmask" dir="rtl" />');
- $("#testmask").inputmask("999.999.999");
- $("#testmask")[0].focus();
- $("#testmask").SendKey("1");
- $("#testmask").SendKey("2");
- $("#testmask").SendKey("3");
- $("#testmask").SendKey(keyCodes.RIGHT);
- $("#testmask").SendKey(keyCodes.RIGHT);
- $("#testmask").SendKey(keyCodes.DELETE);
- $("#testmask").SendKey("4");
- $("#testmask").SendKey(keyCodes.LEFT);
- $("#testmask").SendKey("5");
- $("#testmask").SendKey("6");
- equal($("#testmask").val(), "___._65.341", "Result " + $("#testmask").val());
- $("#testmask").remove();
- });
- test("inputmask(\"999-aaa-999\")", function () {
- $('body').append('<input type="text" id="testmask" dir="rtl" />');
- $("#testmask").inputmask("999-aaa-999");
- $("#testmask")[0].focus();
- $("#testmask").Type("123abc12");
- equal($("#testmask").val(), "_21-cba-321", "Result " + $("#testmask").val());
- $("#testmask").remove();
- });
- module("Regex masks")
- test("inputmask(\"Regex\", { regex: \"[0-9]*\"});", function () {
- $('body').append('<input type="text" id="testmask" />');
- $("#testmask").inputmask("Regex", { regex: "[0-9]*"});
- $("#testmask")[0].focus();
- $("#testmask").Type("123abc45");
- equal($("#testmask").val(), "12345", "Result " + $("#testmask").val());
- $("#testmask").remove();
- });
- test("inputmask(\"Regex\", { regex: \"[A-Za-z\u0410-\u044F\u0401\u04510-9]*\"});", function () {
- $('body').append('<input type="text" id="testmask" />');
- $("#testmask").inputmask("Regex", { regex: "[A-Za-z\u0410-\u044F\u0401\u04510-9]*"});
- $("#testmask")[0].focus();
- $("#testmask").Type("123abc45");
- equal($("#testmask").val(), "123abc45", "Result " + $("#testmask").val());
- $("#testmask").remove();
- });
- test("inputmask(\"Regex\", { regex: \"[A-Za-z\u0410-\u044F\u0401\u0451]+[A-Za-z\u0410-\u044F\u0401\u04510-9]*\"});", function () {
- $('body').append('<input type="text" id="testmask" />');
- $("#testmask").inputmask("Regex", { regex: "[A-Za-z\u0410-\u044F\u0401\u0451]+[A-Za-z\u0410-\u044F\u0401\u04510-9]*"});
- $("#testmask")[0].focus();
- $("#testmask").Type("123abc45");
- equal($("#testmask").val(), "abc45", "Result " + $("#testmask").val());
- $("#testmask").remove();
- });
- test("inputmask(\"Regex\", { regex: \"[A-Za-z\u0410-\u044F\u0401\u0451]{1}[A-Za-z\u0410-\u044F\u0401\u04510-9]*\"});", function () {
- $('body').append('<input type="text" id="testmask" />');
- $("#testmask").inputmask("Regex", { regex: "[A-Za-z\u0410-\u044F\u0401\u0451]{1}[A-Za-z\u0410-\u044F\u0401\u04510-9]*"});
- $("#testmask")[0].focus();
- $("#testmask").Type("123abc45");
- equal($("#testmask").val(), "abc45", "Result " + $("#testmask").val());
- $("#testmask").remove();
- });
- test("inputmask(\"Regex\", { regex: \"[-]?(([1-8][0-9])|[1-9]0?)\"});", function () {
- $('body').append('<input type="text" id="testmask" />');
- $("#testmask").inputmask("Regex", { regex: "[-]?(([1-8][0-9])|[1-9]0?)"});
- $("#testmask")[0].focus();
- $("#testmask").Type("90");
- equal($("#testmask").val(), "90", "Result " + $("#testmask").val());
- $("#testmask").remove();
- });
- test("inputmask(\"Regex\", { regex: \"[-]?(([1-8][0-9])|[1-9]0?)\"});", function () {
- $('body').append('<input type="text" id="testmask" />');
- $("#testmask").inputmask("Regex", { regex: "[-]?(([1-8][0-9])|[1-9]0?)"});
- $("#testmask")[0].focus();
- $("#testmask").Type("0");
- equal($("#testmask").val(), "", "Result " + $("#testmask").val());
- $("#testmask").remove();
- });
- test("inputmask(\"Regex\", { regex: \"[-]?(([1-8][0-9])|[1-9]0?)\"});", function () {
- $('body').append('<input type="text" id="testmask" />');
- $("#testmask").inputmask("Regex", { regex: "[-]?(([1-8][0-9])|[1-9]0?)"});
- $("#testmask")[0].focus();
- $("#testmask").Type("-78");
- equal($("#testmask").val(), "-78", "Result " + $("#testmask").val());
- $("#testmask").remove();
- });
- test("inputmask(\"Regex\", { regex: \"[a-zA-Z0-9._%-]+@[a-zA-Z0-9-]+\\.[a-zA-Z]{2,4}\" - regex simple email", function () {
- $('body').append('<input type="text" id="testmask" />');
- $("#testmask").inputmask("Regex", { regex: "[a-zA-Z0-9._%-]+@[a-zA-Z0-9-]+\\.[a-zA-Z]{2,4}"});
- $("#testmask")[0].focus();
- $("#testmask").Type("some.body@mail.com");
- equal($("#testmask").val(), "some.body@mail.com", "Result " + $("#testmask").val());
- $("#testmask").remove();
- });
- 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", function () {
- $('body').append('<input type="text" id="testmask" />');
- $("#testmask").inputmask("Regex", { regex: "(([2-9][0-9])-([0-9]{3}-[0-9]{3}))|((1|30|20|70)-([0-9]{3}-[0-9]{4}))" });
- $("#testmask")[0].focus();
- $("#testmask").Type("1-123-4562");
- equal($("#testmask").val(), "1-123-4562", "Result " + $("#testmask").val());
- $("#testmask").remove();
- });
- 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", function () {
- $('body').append('<input type="text" id="testmask" />');
- $("#testmask").inputmask("Regex", { regex: "(([2-9][0-9])-([0-9]{3}-[0-9]{3}))|((1|30|20|70)-([0-9]{3}-[0-9]{4}))" });
- $("#testmask")[0].focus();
- $("#testmask").Type("20-222-2222");
- equal($("#testmask").val(), "20-222-2222", "Result " + $("#testmask").val());
- $("#testmask").remove();
- });
- 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", function () {
- $('body').append('<input type="text" id="testmask" />');
- $("#testmask").inputmask("Regex", { regex: "(([2-9][0-9])-([0-9]{3}-[0-9]{3}))|((1|30|20|70)-([0-9]{3}-[0-9]{4}))" });
- $("#testmask")[0].focus();
- $("#testmask").Type("22-222-234");
- equal($("#testmask").val(), "22-222-234", "Result " + $("#testmask").val());
- $("#testmask").remove();
- });
- 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", function () {
- $('body').append('<input type="text" id="testmask" />');
- $("#testmask").inputmask("Regex", { regex: "(([2-9][0-9])-([0-9]{3}-[0-9]{3}))|((1|30|20|70)-([0-9]{3}-[0-9]{4}))" });
- $("#testmask")[0].focus();
- $("#testmask").Type("70-12-34");
- equal($("#testmask").val(), "70-123", "Result " + $("#testmask").val());
- $("#testmask").remove();
- });
- module("Dynamic Masks");
- test("inputmask(\"*{1,20}@*{1,20}.*{2,6}[.*{2}]\" - email mask", function () {
- $('body').append('<input type="text" id="testmask" />');
- $("#testmask").inputmask("*{1,20}@*{1,20}.*{2,6}[.*{2}]")
- $("#testmask")[0].focus();
- $("#testmask").Type("some.body@mail.com");
- equal($("#testmask").val(), "some.body@mail.com", "Result " + $("#testmask").val());
- $("#testmask").remove();
- });
|