r2357 - Added mask demo directory, original maskedinput plugin from digitalbush.com.
Author: powella
Date: Sun Mar 22 14:49:00 2009
New Revision: 2357
Added:
branches/dev/mask/demos/mask/
branches/dev/mask/demos/mask/index.html
branches/dev/mask/demos/mask/jquery.maskedinput.js
Log:
Added mask demo directory, original maskedinput plugin from digitalbush.com.
Added: branches/dev/mask/demos/mask/index.html
==============================================================================
--- (empty file)
+++ branches/dev/mask/demos/mask/index.html Sun Mar 22 14:49:00 2009
@@ -0,0 +1,44 @@
+<html>
+<head>
+<title> jQuery Mask Test </title>
+<script src="../../../lib/jquery-1.2.6.js" type="text/javascript"
charset="utf-8"></script>
+<script src="../src/jquery.maskedinput.js" type="text/javascript"></script>
+<script type="text/javascript">
+ $(function() {
+ $.mask.definitions['~'] = "[+-]";
+ $("#date").mask("99/99/9999").change(function() {
alert("changed!")}); ;
+ $("#phone").mask("(999) 999-9999");
+ $("#phoneExt").mask("(999) 999-9999? x99999");
+ $("#iphone").mask("+33 999 999 999");
+ $("#tin").mask("99-9999999");
+ $("#ssn").mask("999-99-9999");
+ $("#product").mask("a*-999-a999", { position: " " });
+ $("#eyescript").mask("~9.99 ~9.99 999");
+ $("#po").mask("PO: aaa-999-***");
+ $("#pct").mask("99%");
+
+ $("input").blur(function() {
+ $("#info").html("Unmasked value: " + $(this).mask());
+ }).dblclick(function() {
+ $(this).unmask();
+ });
+ });
+
+</script>
+</head>
+<body>
+<table>
+ <tr><td>Date</td><td><input id="date" value="1231" type="text"
tabindex="1" /></td><td>99/99/9999</td></tr>
+ <tr><td>Phone</td><td><input id="phone" type="text"
tabindex="2"/></td><td>(999) 999-9999</td></tr>
+ <tr><td>Phone + Ext</td><td><input id="phoneExt" type="text"
tabindex="2"/></td><td>(999) 999-9999? x99999</td></tr>
+ <tr><td>Int'l Phone</td><td><input id="iphone" type="text"
tabindex="2"/></td><td>+44 (999) 999-9999</td></tr>
+ <tr><td>Tax ID</td><td><input id="tin" type="text"
tabindex="3"/></td><td>99-9999999</td></tr>
+ <tr><td>SSN</td><td><input id="ssn" type="text"
tabindex="4"/></td><td>999-99-9999</td></tr>
+ <tr><td>Product Key</td><td><input id="product" type="text"
tabindex="5"/></td><td>a*-999-a999</td></tr>
+ <tr><td>Eye Script</td><td><input id="eyescript" type="text"
tabindex="6"/></td><td>~9.99 ~9.99 999</td></tr>
+ <tr><td>Purchase Order</td><td><input id="po" type="text"
tabindex="6"/></td><td>aaa-999-***</td></tr>
+ <tr><td>Percent</td><td><input id="pct" type="text"
tabindex="6"/></td><td>99%</td></tr>
+</table>
+<div id="info"></div>
+</body>
+</html>
Added: branches/dev/mask/demos/mask/jquery.maskedinput.js
==============================================================================
--- (empty file)
+++ branches/dev/mask/demos/mask/jquery.maskedinput.js Sun Mar 22 14:49:00
2009
@@ -0,0 +1,252 @@
+/// <reference path="../../../lib/jquery-1.2.6.js" />
+/*
+ Masked Input plugin for jQuery
+ Copyright (c) 2007-@year Josh Bush (digitalbush.com)
+ Licensed under the MIT license
(http://digitalbush.com/projects/masked-input-plugin/#license)
+ Version: @version
+*/
+(function($) {
+ var pasteEventName = ($.browser.msie ? 'paste' : 'input') + ".mask";
+ var iPhone = (window.orientation != undefined);
+
+ $.mask = {
+ //Predefined character definitions
+ definitions: {
+ '9': "[0-9]",
+ 'a': "[A-Za-z]",
+ '*': "[A-Za-z0-9]"
+ }
+ };
+
+ $.fn.extend({
+ //Helper Function for Caret positioning
+ caret: function(begin, end) {
+ if (this.length == 0) return;
+ if (typeof begin == 'number') {
+ end = (typeof end == 'number') ? end : begin;
+ return this.each(function() {
+ if (this.setSelectionRange) {
+ this.focus();
+ this.setSelectionRange(begin, end);
+ } else if (this.createTextRange) {
+ var range = this.createTextRange();
+ range.collapse(true);
+ range.moveEnd('character', end);
+ range.moveStart('character', begin);
+ range.select();
+ }
+ });
+ } else {
+ if (this[0].setSelectionRange) {
+ begin = this[0].selectionStart;
+ end = this[0].selectionEnd;
+ } else if (document.selection && document.selection.createRange) {
+ var range = document.selection.createRange();
+ begin = 0 - range.duplicate().moveStart('character', -100000);
+ end = begin + range.text.length;
+ }
+ return { begin: begin, end: end };
+ }
+ },
+ unmask: function() { return this.trigger("unmask"); },
+ mask: function(mask, settings) {
+ if (!mask && this.length > 0) {
+ var input = $(this[0]);
+ var tests = input.data("tests");
+ return $.map(input.data("buffer"), function(c, i) {
+ return tests[i] ? c : null;
+ }).join('');
+ }
+ settings = $.extend({
+ placeholder: "_",
+ completed: null
+ }, settings);
+
+ var defs = $.mask.definitions;
+ var tests = [];
+ var partialPosition = mask.length;
+ var firstNonMaskPos = null;
+ var len = mask.length;
+
+ $.each(mask.split(""), function(i, c) {
+ if (c == '?') {
+ len--;
+ partialPosition = i;
+ } else if (defs[c]) {
+ tests.push(new RegExp(defs[c]));
+ if(firstNonMaskPos==null)
+ firstNonMaskPos = tests.length - 1;
+ } else {
+ tests.push(null);
+ }
+ });
+
+ return this.each(function() {
+ var input = $(this);
+ var buffer = $.map(mask.split(""), function(c, i) { if (c != '?')
return defs[c] ? settings.placeholder : c });
+ var ignore = false; //Variable for ignoring control keys
+ var focusText = input.val();
+
+ input.data("buffer", buffer).data("tests", tests);
+
+ function seekNext(pos) {
+ while (++pos <= len && !tests[pos]);
+ return pos;
+ };
+
+ function shiftL(pos) {
+ while (!tests[pos] && --pos >= 0);
+ for (var i = pos; i < len; i++) {
+ if (tests[i]) {
+ buffer[i] = settings.placeholder;
+ var j = seekNext(i);
+ if (j < len && tests[i].test(buffer[j])) {
+ buffer[i] = buffer[j];
+ } else
+ break;
+ }
+ }
+ writeBuffer();
+ input.caret(Math.max(firstNonMaskPos, pos));
+ };
+
+ function shiftR(pos) {
+ for (var i = pos, c = settings.placeholder; i < len; i++) {
+ if (tests[i]) {
+ var j = seekNext(i);
+ var t = buffer[i];
+ buffer[i] = c;
+ if (j < len && tests[j].test(t))
+ c = t;
+ else
+ break;
+ }
+ }
+ };
+
+ function keydownEvent(e) {
+ var pos = $(this).caret();
+ var k = e.keyCode;
+ ignore = (k < 16 || (k > 16 && k < 32) || (k > 32 && k < 41));
+
+ //delete selection before proceeding
+ if ((pos.begin - pos.end) != 0 && (!ignore || k == 8 || k == 46))
+ clearBuffer(pos.begin, pos.end);
+
+ //backspace, delete, and escape get special treatment
+ if (k == 8 || k == 46 || (iPhone && k == 127)) {//backspace/delete
+ shiftL(pos.begin);
+ return false;
+ } else if (k == 27) {//escape
+ input.val(focusText);
+ input.caret(0, checkVal());
+ return false;
+ }
+ };
+
+ function keypressEvent(e) {
+ if (ignore) {
+ ignore = false;
+ //Fixes Mac FF bug on backspace
+ return (e.keyCode == 8) ? false : null;
+ }
+ e = e || window.event;
+ var k = e.charCode || e.keyCode || e.which;
+ var pos = $(this).caret();
+
+ if (e.ctrlKey || e.altKey || e.metaKey) {//Ignore
+ return true;
+ } else if ((k >= 32 && k <= 125) || k > 186) {//typeable characters
+ var p = seekNext(pos.begin - 1);
+ if (p < len) {
+ var c = String.fromCharCode(k);
+ if (tests[p].test(c)) {
+ shiftR(p);
+ buffer[p] = c;
+ writeBuffer();
+ var next = seekNext(p);
+ $(this).caret(next);
+ if (settings.completed && next == len)
+ settings.completed.call(input);
+ }
+ }
+ }
+ return false;
+ };
+
+ function clearBuffer(start, end) {
+ for (var i = start; i < end && i < len; i++) {
+ if (tests[i])
+ buffer[i] = settings.placeholder;
+ }
+ };
+
+ function writeBuffer() { return input.val(buffer.join('')).val(); };
+
+ function checkVal(allow) {
+ //try to place characters where they belong
+ var test = input.val();
+ var lastMatch = -1;
+ for (var i = 0, pos = 0; i < len; i++) {
+ if (tests[i]) {
+ buffer[i] = settings.placeholder;
+ while (pos++ < test.length) {
+ var c = test.charAt(pos - 1);
+ if (tests[i].test(c)) {
+ buffer[i] = c;
+ lastMatch = i;
+ break;
+ }
+ }
+ if (pos > test.length)
+ break;
+ } else if (buffer[i] == test[pos] && i!=partialPosition) {
+ pos++;
+ lastMatch = i;
+ }
+ }
+ if (!allow && lastMatch + 1 < partialPosition) {
+ input.val("");
+ clearBuffer(0, len);
+ } else if (allow || lastMatch + 1 >= partialPosition) {
+ writeBuffer();
+ if (!allow) input.val(input.val().substring(0, lastMatch + 1));
+ }
+ return (partialPosition ? i : firstNonMaskPos);
+ };
+
+ if (!input.attr("readonly"))
+ input
+ .one("unmask", function() {
+ input
+ .unbind(".mask")
+ .removeData("buffer")
+ .removeData("tests");
+ })
+ .bind("focus.mask", function() {
+ focusText = input.val();
+ var pos = checkVal();
+ writeBuffer();
+ setTimeout(function() {
+ if (pos == mask.length)
+ input.caret(0, pos);
+ else
+ input.caret(pos);
+ }, 0);
+ })
+ .bind("blur.mask", function() {
+ checkVal();
+ if (input.val() != focusText)
+ input.change();
+ })
+ .bind("keydown.mask", keydownEvent)
+ .bind("keypress.mask", keypressEvent)
+ .bind(pasteEventName, function() {
+ setTimeout(function() { input.caret(checkVal(true)); }, 0);
+ });
+
+ checkVal(); //Perform initial check for existing values
+ });
+ }
+ });
+})(jQuery);
\ No newline at end of file