jquery.maskedinput.js 8.2 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145
  1. /*
  2. jQuery Masked Input Plugin
  3. Copyright (c) 2007 - 2013 Josh Bush (digitalbush.com)
  4. Licensed under the MIT license (http://digitalbush.com/projects/masked-input-plugin/#license)
  5. Version: 1.3.1
  6. */
  7. !function($) {
  8. function getPasteEvent() {
  9. var el = document.createElement("input"), name = "onpaste";
  10. return el.setAttribute(name, ""), "function" == typeof el[name] ? "paste" : "input";
  11. }
  12. var caretTimeoutId, pasteEventName = getPasteEvent() + ".mask", ua = navigator.userAgent, iPhone = /iphone/i.test(ua), chrome = /chrome/i.test(ua), android = /android/i.test(ua);
  13. $.mask = {
  14. definitions: {
  15. "9": "[0-9]",
  16. a: "[A-Za-z]",
  17. "*": "[A-Za-z0-9]"
  18. },
  19. autoclear: !0,
  20. dataName: "rawMaskFn",
  21. placeholder: "_"
  22. }, $.fn.extend({
  23. caret: function(begin, end) {
  24. var range;
  25. if (0 !== this.length && !this.is(":hidden")) return "number" == typeof begin ? (end = "number" == typeof end ? end : begin,
  26. this.each(function() {
  27. this.setSelectionRange ? this.setSelectionRange(begin, end) : this.createTextRange && (range = this.createTextRange(),
  28. range.collapse(!0), range.moveEnd("character", end), range.moveStart("character", begin),
  29. range.select());
  30. })) : (this[0].setSelectionRange ? (begin = this[0].selectionStart, end = this[0].selectionEnd) : document.selection && document.selection.createRange && (range = document.selection.createRange(),
  31. begin = 0 - range.duplicate().moveStart("character", -1e5), end = begin + range.text.length),
  32. {
  33. begin: begin,
  34. end: end
  35. });
  36. },
  37. unmask: function() {
  38. return this.trigger("unmask");
  39. },
  40. mask: function(mask, settings) {
  41. var input, defs, tests, partialPosition, firstNonMaskPos, len;
  42. return !mask && this.length > 0 ? (input = $(this[0]), input.data($.mask.dataName)()) : (settings = $.extend({
  43. autoclear: $.mask.autoclear,
  44. placeholder: $.mask.placeholder,
  45. completed: null
  46. }, settings), defs = $.mask.definitions, tests = [], partialPosition = len = mask.length,
  47. firstNonMaskPos = null, $.each(mask.split(""), function(i, c) {
  48. "?" == c ? (len--, partialPosition = i) : defs[c] ? (tests.push(new RegExp(defs[c])),
  49. null === firstNonMaskPos && (firstNonMaskPos = tests.length - 1)) : tests.push(null);
  50. }), this.trigger("unmask").each(function() {
  51. function seekNext(pos) {
  52. for (;++pos < len && !tests[pos]; ) ;
  53. return pos;
  54. }
  55. function seekPrev(pos) {
  56. for (;--pos >= 0 && !tests[pos]; ) ;
  57. return pos;
  58. }
  59. function shiftL(begin, end) {
  60. var i, j;
  61. if (!(0 > begin)) {
  62. for (i = begin, j = seekNext(end); len > i; i++) if (tests[i]) {
  63. if (!(len > j && tests[i].test(buffer[j]))) break;
  64. buffer[i] = buffer[j], buffer[j] = settings.placeholder, j = seekNext(j);
  65. }
  66. writeBuffer(), input.caret(Math.max(firstNonMaskPos, begin));
  67. }
  68. }
  69. function shiftR(pos) {
  70. var i, c, j, t;
  71. for (i = pos, c = settings.placeholder; len > i; i++) if (tests[i]) {
  72. if (j = seekNext(i), t = buffer[i], buffer[i] = c, !(len > j && tests[j].test(t))) break;
  73. c = t;
  74. }
  75. }
  76. function keydownEvent(e) {
  77. var pos, begin, end, k = e.which;
  78. 8 === k || 46 === k || iPhone && 127 === k ? (pos = input.caret(), begin = pos.begin,
  79. end = pos.end, 0 === end - begin && (begin = 46 !== k ? seekPrev(begin) : end = seekNext(begin - 1),
  80. end = 46 === k ? seekNext(end) : end), clearBuffer(begin, end), shiftL(begin, end - 1),
  81. e.preventDefault()) : 27 == k && (input.val(focusText), input.caret(0, checkVal()),
  82. e.preventDefault());
  83. }
  84. function keypressEvent(e) {
  85. var p, c, next, k = e.which, pos = input.caret();
  86. if (0 == k) {
  87. if (pos.begin >= len) return input.val(input.val().substr(0, len)), e.preventDefault(),
  88. !1;
  89. pos.begin == pos.end && (k = input.val().charCodeAt(pos.begin - 1), pos.begin--,
  90. pos.end--);
  91. }
  92. e.ctrlKey || e.altKey || e.metaKey || 32 > k || k && (0 !== pos.end - pos.begin && (clearBuffer(pos.begin, pos.end),
  93. shiftL(pos.begin, pos.end - 1)), p = seekNext(pos.begin - 1), len > p && (c = String.fromCharCode(k),
  94. tests[p].test(c) && (shiftR(p), buffer[p] = c, writeBuffer(), next = seekNext(p),
  95. android ? setTimeout($.proxy($.fn.caret, input, next), 0) : input.caret(next), settings.completed && next >= len && settings.completed.call(input))),
  96. e.preventDefault());
  97. }
  98. function clearBuffer(start, end) {
  99. var i;
  100. for (i = start; end > i && len > i; i++) tests[i] && (buffer[i] = settings.placeholder);
  101. }
  102. function writeBuffer() {
  103. input.val(buffer.join(""));
  104. }
  105. function checkVal(allow) {
  106. var i, c, pos, test = input.val(), lastMatch = -1;
  107. for (i = 0, pos = 0; len > i; i++) if (tests[i]) {
  108. for (buffer[i] = settings.placeholder; pos++ < test.length; ) if (c = test.charAt(pos - 1),
  109. tests[i].test(c)) {
  110. buffer[i] = c, lastMatch = i;
  111. break;
  112. }
  113. if (pos > test.length) break;
  114. } else buffer[i] === test.charAt(pos) && i !== partialPosition && (pos++, lastMatch = i);
  115. return allow ? writeBuffer() : partialPosition > lastMatch + 1 ? settings.autoclear || buffer.join("") === defaultBuffer ? (input.val(""),
  116. clearBuffer(0, len)) : writeBuffer() : (writeBuffer(), input.val(input.val().substring(0, lastMatch + 1))),
  117. partialPosition ? i : firstNonMaskPos;
  118. }
  119. var input = $(this), buffer = $.map(mask.split(""), function(c) {
  120. return "?" != c ? defs[c] ? settings.placeholder : c : void 0;
  121. }), defaultBuffer = buffer.join(""), focusText = input.val();
  122. input.data($.mask.dataName, function() {
  123. return $.map(buffer, function(c, i) {
  124. return tests[i] && c != settings.placeholder ? c : null;
  125. }).join("");
  126. }), input.attr("readonly") || input.one("unmask", function() {
  127. input.unbind(".mask").removeData($.mask.dataName);
  128. }).bind("focus.mask", function() {
  129. clearTimeout(caretTimeoutId);
  130. var pos;
  131. focusText = input.val(), pos = checkVal(), caretTimeoutId = setTimeout(function() {
  132. writeBuffer(), pos == mask.length ? input.caret(0, pos) : input.caret(pos);
  133. }, 10);
  134. }).bind("blur.mask", function() {
  135. checkVal(), input.val() != focusText && input.change();
  136. }).bind("keydown.mask", keydownEvent).bind("keypress.mask", keypressEvent).bind(pasteEventName, function() {
  137. setTimeout(function() {
  138. var pos = checkVal(!0);
  139. input.caret(pos), settings.completed && pos == input.val().length && settings.completed.call(input);
  140. }, 0);
  141. }), chrome && android && input.bind("keyup.mask", keypressEvent), checkVal();
  142. }));
  143. }
  144. });
  145. }(jQuery);