|
|
@@ -1,133 +0,0 @@
|
|
|
-<!DOCTYPE html>
|
|
|
-<html>
|
|
|
-<body>
|
|
|
- <form method="post">
|
|
|
- <span>
|
|
|
- <label>
|
|
|
- Test1
|
|
|
- </label>
|
|
|
- <span>
|
|
|
- <input id="test1" name="test1" type="text">
|
|
|
- </span>
|
|
|
- </span>
|
|
|
- <br />
|
|
|
- <input id="test2" name="test2" /><br />
|
|
|
- <input id="test3" name="test3" type="tel" /><br />
|
|
|
- <!--<input type="text" id="test4" name="test4" 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' ]"
|
|
|
- data-inputmask-placeholder=" " data-inputmask-numericinput="true" data-inputmask-rightalignnumerics="false" value="$100,000.00" />-->
|
|
|
- <br />
|
|
|
- <!--<input id="test5" name="test5" data-inputmask="'mask': ['$9.99', '$99.99' , '$999.99' , '$9,999.99'], 'placeholder':' ' , 'numericInput':
|
|
|
- true, 'rightAlignNumerics' : false" />-->
|
|
|
- <br />
|
|
|
- <input id="test6" name="test6" /><br />
|
|
|
- <input id="test7" name="test7" /><br />
|
|
|
- <!--<input id="test8" name="test8" /><br />-->
|
|
|
- <input id="button" type="submit" value="Submit" />
|
|
|
- </form>
|
|
|
- <input id="button2" type="button" value="Click" />
|
|
|
- <script src="node_modules/jquery/jquery.js"></script>
|
|
|
- <script src="js/jquery.inputmask.js"></script>
|
|
|
- <script src="js/jquery.inputmask.extensions.js"></script>
|
|
|
- <script src="js/jquery.inputmask.date.extensions.js"></script>
|
|
|
- <script src="js/jquery.inputmask.numeric.extensions.js"></script>
|
|
|
- <script src="js/jquery.inputmask.regex.extensions.js"></script>
|
|
|
- <script src="js/jquery.inputmask.phone.extensions.js"></script>
|
|
|
- <script>
|
|
|
- if (!Array.prototype.indexOf) {
|
|
|
- Array.prototype.indexOf = function (obj, start) {
|
|
|
- for (var i = (start || 0), j = this.length; i < j; i++) {
|
|
|
- if (this[i] === obj) { return i; }
|
|
|
- }
|
|
|
- return -1;
|
|
|
- }
|
|
|
- }
|
|
|
- $(document).ready(function () {
|
|
|
- //$(":input").inputmask();
|
|
|
- //$("#test2").inputmask({
|
|
|
- // alias: "decimal",
|
|
|
- // digits: 2,
|
|
|
- // digitsOptional: false,
|
|
|
- // placeholder: "0"
|
|
|
- //});
|
|
|
-
|
|
|
-
|
|
|
- var test = ["abcd", "abc", "abcdef"];
|
|
|
- test = test.sort(function (a, b) { return a.length - b.length; });
|
|
|
-
|
|
|
- //$(function () {
|
|
|
- // $('#test1, #test2').inputmask({
|
|
|
- // "mask": "+7(999)999-99-99"
|
|
|
- // });
|
|
|
-
|
|
|
- // $('#test1').on('keyup', function () {
|
|
|
- // $('#test2').val($('#test1').val());
|
|
|
- // });
|
|
|
- //});
|
|
|
- //$("#test1").inputmask({ mask: "99-9999-9999", keepStatic: true });
|
|
|
- $("#test3").inputmask({ "keepStatic": true, greedy: false, "mask": "(99-9)|(99999)" });
|
|
|
- // $("#test3").inputmask({"keepStatic":true,greedy:false,"mask":"(9{4} 9{6} 9[5])|(9{4} 9{4} 9{4} 9{4})|(9{9} 9{9})"});
|
|
|
- //$("#test3").inputmask({ mask: ["99-99999-9", "99-999999-9"], keepStatic: true });
|
|
|
- $("#test6").inputmask("currency");
|
|
|
- $("#test7").inputmask({ mask: ["99999", "99999-9999"] });
|
|
|
- //$("#test3").inputmask("phone", { "url": "https://rawgit.com/RobinHerbots/jquery.inputmask/3.x/js/phone-codes/phone-codes.js" });
|
|
|
- // //$("#test3").inputmask("+55-99-9999|(99)-9999", { keepStatic: true });
|
|
|
- //$("#test1").inputmask({ "mask": "99.999.999/9999-99", "numericInput": true, "rightAlignNumerics": false, "autoUnmask": true });
|
|
|
- //$("#test1").inputmask({ mask: ["9.99", "99.99", "999.99"] });
|
|
|
- //$("#test2").inputmask({ mask: ["99999", "99999-9999", "999999-9999"], numericInput: false, keepStatic: false, greedy: false });
|
|
|
- //$("#test1").inputmask('9999 9999 9999 9999[99]', {
|
|
|
- // greedy: false,
|
|
|
- // showMaskOnFocus: false,
|
|
|
- // showMaskOnHover: false
|
|
|
- //});
|
|
|
- //$("#test2").inputmask({
|
|
|
- // mask: ["99.9", "X"],
|
|
|
- // definitions: {
|
|
|
- // "X": {
|
|
|
- // validator: "[xX]",
|
|
|
- // cardinality: 1,
|
|
|
- // casing: "upper"
|
|
|
- // }
|
|
|
- // }
|
|
|
- //});
|
|
|
- //$("#test1").inputmask({
|
|
|
- // mask: '9999 9999 9999 9999',
|
|
|
- // placeholder: ' ',
|
|
|
- // showMaskOnHover: false,
|
|
|
- // showMaskOnFocus: false,
|
|
|
- // onBeforePaste: function (val) { console.log(val); }
|
|
|
- //});
|
|
|
- //$("#test1").inputmask("999 kg", {
|
|
|
- // greedy: false,
|
|
|
- // placeholder: " ",
|
|
|
- // autoUnmask: true,
|
|
|
- // numericInput: true
|
|
|
- //}).on("blur", function () {
|
|
|
- // //$("#test1").val();
|
|
|
- //});
|
|
|
-
|
|
|
- //$("#test5").inputmask('9{1,3}[.999.999-99]', { removeMaskOnSubmit: true, autoUnmask: true, showMaskOnHover: false, showMaskOnFocus: false, greedy: false });
|
|
|
- //$("#test6").inputmask({ alias: "numeric", groupSeparator: ".", groupSize: 3, radixPoint: ",", digits: 2, autoGroup: true, digitsOptional: false, placeholder: "0", rightAlignNumerics: true });
|
|
|
- //$("#test7").inputmask({"keepStatic":true,"mask":"(9{4} 9{4} 9{4} 9{4})|(9{4} 9{6} 9[5])|(9{9} 9{9})"});
|
|
|
- //$("#test6").inputmask("numeric", { placeholder: "0", decimalProtect: true });
|
|
|
- //$("#test7").inputmask("date", { yearrange: { minyear: 1900, maxyear: 2000 } });
|
|
|
- //$("#test7").inputmask({ alias: "numeric", placeholder: "0", groupSeparator: " ", radixPoint: ",", autoGroup: true, digits: 2, digitsOptional: false, clearMaskOnLostFocus: false, decimalProtect: true });
|
|
|
- //$("#test8").inputmask({ alias: "numeric", placeholder: "0", groupSeparator: ".", radixPoint: ",", autoGroup: true, digits: 2, digitsOptional: false, clearMaskOnLostFocus: false });
|
|
|
- $("#button2").click(function () {
|
|
|
- //alert(JSON.stringify($.inputmask.format($("#test4").val(), {
|
|
|
- // alias: "phonebe", "url": "https://rawgit.com/RobinHerbots/jquery.inputmask/3.x/js/phone-codes/phone-be.json", onBeforeMask: function (value, opts) {
|
|
|
- // var processedValue = value.replace(/^0/g, "");
|
|
|
- // if (processedValue.indexOf("32") != 0) {
|
|
|
- // processedValue = "32" + processedValue;
|
|
|
- // }
|
|
|
- // return processedValue;
|
|
|
- // }
|
|
|
- //}, true)));
|
|
|
- //alert(JSON.stringify($('#test3').inputmask("getmetadata")));
|
|
|
- //$("form").submit();
|
|
|
- $("#test6").val('+375 (+375) 999-99-99');
|
|
|
- //return false;
|
|
|
- });
|
|
|
- });
|
|
|
- </script>
|
|
|
-</body>
|
|
|
-</html>
|
Robin Herbots