Utilizamos cookies propias y de terceros para mejorar nuestros servicios y mostrarle publicidad relacionada con sus preferencias mediante el análisis de sus hábitos de navegación. Si continúa navegando, consideramos que acepta su uso.
Las cookies de este sitio web se usan para personalizar el contenido y los anuncios, ofrecer funciones de redes sociales y analizar el tráfico. Además, compartimos información sobre el uso que haga del sitio web con nuestros partners de redes sociales, publicidad y análisis web, quienes pueden combinarla con otra información que les haya proporcionado o que hayan recopilado a partir del uso que haya hecho de sus servicios. Puede cambiar la configuración u obtener más información aquí

Aceptar

Enmascarar un valor de entrada mientras se escribe

Google

English version

Formularios

Enmascarar un valor de entrada mientras se escribe

Pues eso. El script 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.

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" />

Mostrar código

Parte código javascript [Seleccionar] 


Buscador de animales en adopción
Creative Commons License
Javascript códigos by tunait is licensed under a Creative Commons Reconocimiento-Compartir bajo la misma licencia 2.5 España License.
Permissions beyond the scope of this license may be available at http://tunait.com/javascript/index.php?s=condiciones.

Todos los códigos incluídos los de la página han sido paridos y tecleados por tunait.com. Política de cookies subir