Enmascarar campos de entrada con formatos de datos personalizados-DataInput
| Autor: | kazuhikoarase |
|---|---|
| Views Total: | 748 |
| Sitio oficial: | Ir a la web |
| Actualizado: | April 23, 2018 |
| Licencia: | MIT |
Vista prévia
Descripción
DataInput es una pequeña biblioteca de máscara de entrada de JavaScript que se puede utilizar para formatea automáticamente la entrada del usuario utilizando patrones específicos.
Funcionamiento
Para empezar, incluya el DataInput JavaScript y StyleSheet en la parte inferior de la Página Web.
<link rel="stylesheet" href="datainput.css"> <script src="datainput.js"></script>
Cree un elemento inline span en la página.
<span id="demo"></span>
Cree una nueva instancia y especifique el formato de datos.
var $d = datainput;
var instance = $d.createInput({
format : '00000'
}); Aplique el DataInput al elemento span que acaba de crear.
document.getElementById('demo').appendChild(instance.$el); Todas las opciones posibles con valores predeterminados.
var $d = datainput;
var instance = $d.createInput({
format : '00',
textAlign : 'left',
fieldRe : '\\d+',
directions : {},
numCharsInMonospace : {}
}); Ejecute una función cuando los valores cambian.
instance.on('valuechange', function(event, detail) {
console.log(event, detail);
});
