JavaScript Masked Text 收藏
/*
**************************************
* Event Listener Function v1.4 *
* Autor: Carlos R. L. Rodrigues *
**************************************
*/
addEvent = function(o, e, f, s){
var r = o[r = "_" + (e = "on" + e)] = o[r] || (o[e] ? [[o[e], o]] : []), a, c, d;
r[r.length] = [f, s || o], o[e] = function(e){
try{
(e = e || event).preventDefault || (e.preventDefault = function(){e.returnValue = false;});
e.stopPropagation || (e.stopPropagation = function(){e.cancelBubble = true;});
e.target || (e.target = e.srcElement || null);
e.key = (e.which + 1 || e.keyCode + 1) - 1 || 0;
}catch(f){}
for(d = 1, f = r.length; f; r[--f] && (a = r[f][0], o = r[f][1], a.call ? c = a.call(o, e) : (o._ = a, c = o._(e), o._ = null), d &= c !== false));
return e = null, !!d;
}
};
removeEvent = function(o, e, f, s){
for(var i = (e = o["_on" + e] || []).length; i;)
if(e[--i] && e[i][0] == f && (s || o) == e[i][1])
return delete e[i];
return false;
};
//+ Jonas Raoni Soares Silva
//@ http://jsfromhell.com/forms/masked-input [v1.0]
//========================================================
// REQUIRES http://www.jsfromhell.com/geral/event-listener
//========================================================
MaskInput = function(f, m){
function mask(e){
var patterns = {"1": /[A-Z]/i, "2": /[0-9]/, "4": /[À-ÿ]/i, "8": /./ },
rules = { "a": 3, "A": 7, "9": 2, "C":5, "c": 1, "*": 8};
function accept(c, rule){
for(var i = 1, r = rules[rule] || 0; i <= r; i<<=1)
if(r & i && patterns[i].test(c))
break;
return i <= r || c == rule;
}
var k, mC, r, c = String.fromCharCode(k = e.key), l = f.value.length;
(!k || k == 8 ? 1 : (r = /^(.)^(.*)$/.exec(m)) && (r[0] = r[2].indexOf(c) + 1) + 1 ?
r[1] == "O" ? r[0] : r[1] == "E" ? !r[0] : accept(c, r[1]) || r[0]
: (l = (f.value += m.substr(l, (r = /[A|9|C|*]/i.exec(m.substr(l))) ?
r.index : l)).length) < m.length && accept(c, m.charAt(l))) || e.preventDefault();
}
for(var i in !/^(.)^(.*)$/.test(m) && (f.maxLength = m.length), {keypress: 0, keyup: 1})
addEvent(f, i, mask);
};<form action="">
<fieldset>
<legend>Máscara Genérica</legend>
<label>telefone "(99)9999-9999"</label><input type="text" name="fone" />
<label>data "99/99/9999"</label><input type="text" name="data" />
<label>máscara = letra + letra sem acento + 2 números + tracinho + qualquer digito + letra "Cc99-*C"<label><input type="text" name="etc" />
<label>permite qualquer coisa menos a, b ou c "E^abc"</label><input type="text" name="except" />
<label>permite somente a, b ou c "O^abc"</label><input type="text" name="only" />
<label>somente letras "C^"</label><input type="text" name="letra" />
<label>somente letras e, tb espaço em branco "C^ "</label><input type="text" name="letra2" />
<label>somente números e, as letras a, b e c "9^abc"</label><input type="text" name="numero" />
</fieldset>
</form>
<script type="text/javascript">
//<![CDATA[
var f = document.forms[0];
MaskInput(f.fone, "(99)9999-9999");
MaskInput(f.data, "99/99/9999");
MaskInput(f.etc, "Cc99-*C");
MaskInput(f.except, "E^abc");
MaskInput(f.only, "O^abc");
MaskInput(f.letra, "C^");
MaskInput(f.letra2, "C^ ");
MaskInput(f.numero, "9^abc");
//]]>
</script>
看不太懂,代码太经典,先收藏了!