www.tuxapuntes.com

El siguiente script, es muy util, para todos aquellos, que os guste el ASP. Este es un script que se encarga de colocar los separadores pertinentes en el lugar indicado determinado por una lista en un campo de texto mientras se está tecleando. Sirve para más de un campo con distintos formatos de máscaras. Asi pues podremos establecer patrones para los distintos campos, que necesitemos utilizar en nuestro código asp.

Configuración:

Crear un Array que indique cantidad de digitos entre cada separador.Por ejemplo, si queremos una fecha con formato dd/mm/aaaa:

var patron = new Array(2,2,4)

Si lo quisiéramos aaaa/mm/dd:

var patron = new Array(4,2,2)

…o un número de teléfono tipo 34-206-21-22:

var patron = new Array(2,3,2,2)

Si queremos usar el mismo script para distintos campos con distintas máscaras habermos de crear un array para cada uno

var patron2 = new Array(1,9)

Finalmente habremos de llamar al script desde el/los campo/s pasándole como parámetros a sí mismo, el patrón (array) a utilizar, el separador que queramos aplicar y si queremos que sólo acepte números o no.

mascara(this,array a utilizar, separador, true si sólo números o false si cualquier caracter)

<input type=”text” name = “fecha” onkeyup=”mascara(this,’/',patron,true)” maxlength=”10″ />
<input type=”text” name = “telefono” onkeyup=”mascara(this,’-',patron2,true)” maxlength=”12″ />
<input type=”text” name = “nif” onkeyup=”mascara(this,’-',patron3,false)” maxlength=”11″ />
<script type="text/javascript">
/**************************************************************
Máscara de entrada. Script creado por Tunait! (21/12/2004)
Si quieres usar este script en tu sitio eres libre de hacerlo con la condición de que permanezcan intactas estas líneas, osea, los créditos.
No autorizo a distribuír el código en sitios de script sin previa autorización
Si quieres distribuírlo, por favor, contacta conmigo.
Ver condiciones de uso en http://javascript.tunait.com/
Esta dirección de correo electrónico está protegida contra los robots de spam, necesita tener Javascript activado para poder verla
****************************************************************/
var patron = new Array(2,2,4)
var patron2 = new Array(1,3,3,3,3)
function mascara(d,sep,pat,nums){
if(d.valant != d.value){
val = d.value
largo = val.length
val = val.split(sep)
val2 = ''
for(r=0;r<val.length;r++){
val2 += val[r]
}
if(nums){
for(z=0;z<val2.length;z++){
if(isNaN(val2.charAt(z))){
letra = new RegExp(val2.charAt(z),"g")
val2 = val2.replace(letra,"")
}
}
}
val = ''
val3 = new Array()
for(s=0; s<pat.length; s++){
val3[s] = val2.substring(0,pat[s])
val2 = val2.substr(pat[s])
}
for(q=0;q<val3.length; q++){
if(q ==0){
val = val3[q]
}
else{
if(val3[q] != ""){
val += sep + val3[q]
}
}
}
d.value = val
d.valant = val
}
}
</script>

Comparteme:

Revisado el: 01-09-2007 05:18