Validar campo de texto sólo números, letras etc... con JQUERY
A veces he tenido la necesidad de validar un campo de texto que sólo permita cierto tipo de caracteres como es el caso de documentos(sólo números) o nombres(letras y no números) y tantas combinaciones que requiera un campo de texto para una determinada página web.
Y ya que vamos a utilizar JQUERY
hagamos uso de este plugin de jquery muy fácil de utilizar.
$('selector').validCampoAPP('mis-caracteres');
Demostraciones
Campo que acepta sólo números
Campo de acepta sólo letras y espacios
Quieres
usarlo en tu proyecto?
Primero descargar el Jquery :
<!doctype html>
<html>
<head>
<script src="jquery.js"></script>
<script src="validCampoAPP.js"></script>
<script type="text/javascript">
$(function(){
//Para escribir
solo letras
$('#miCampo1').validCampoAPP(' abcdefghijklmnñopqrstuvwxyzáéiou');
//Para escribir
solo numeros
$('#miCampo2').validCampoAPP('0123456789');
});
</script>
</head>
<body>
<h2>Escribe sólo teclas permitidas</h2>
Mi
Campo 1 <input type="text" id="miCampo1">
Mi
Campo 2 <input type="text" id="miCampo2">
</body>
</html>
COIGO :validCampoAPP.JS
(function(a){a.fn.validCampoAPP=function(b){a(this).on({keypress:function(a){var
c=a.which,d=a.keyCode,e=String.fromCharCode(c).toLowerCase(),f=b;(-1!=f.indexOf(e)||9==d||37!=c&&37==d||39==d&&39!=c||8==d||46==d&&46!=c)&&161!=c||a.preventDefault()}})}})(jQuery);
Segundo
descargar el Plugin :
No hay comentarios.:
Publicar un comentario