Last active
November 14, 2016 18:57
-
-
Save donpandix/028de741a785379faa3fe6bf61f828c6 to your computer and use it in GitHub Desktop.
Restricción de caracteres a campos de formularios, basado en la librería JQUERY
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
/** | |
* Ejemplo de implementación en un campo input que sólo admite 5 dígitos | |
* <input type="text" placeholder="#####" regexp="[0-9]{0,5}" > | |
*/ | |
var UXAPP = UXAPP || {}; | |
// paquete de validaciones | |
UXAPP.validador = {}; | |
// método que inicia el validador con restriccion de caracteres | |
UXAPP.validador.init = function () { | |
// busca los elementos que contengan el atributo regexp definido | |
$("input[regexp]").each(function(){ | |
// por cada elemento encontrado setea un listener del keypress | |
$(this).keypress(function(event){ | |
// extrae la cadena que define la expresión regular y creo un objeto RegExp | |
// mas info en https://goo.gl/JEQTcK | |
var regexp = new RegExp( "^" + $(this).attr("regexp") + "$" , "g"); | |
// evalua si el contenido del campo se ajusta al patrón REGEXP | |
if ( ! regexp.test( $(this).val() + String.fromCharCode(event.which) ) ) | |
event.preventDefault(); | |
}); | |
}); | |
} | |
// Arranca el validador al término de la carga del DOM | |
$(document).ready( UXAPP.validador.init ); |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment