Cesar Gonzalez

Codificador Cafetero

a person holding a paper

Restricción de caracteres para campos input con JQUERY y REGEXP

En el deseo de mejorar las funcionalidades y de paso agilizar el proceso de desarrollo, he creado esta funcionalidad para la restricción de caracteres de ingreso por un usuario a un campo input, esta implementación está realizada con javascript, adicionalmente hago uso de la librería JQUERY y la evaluación de expresiones regulares. Cada expresión debe ser configurada en un atributo llamado «regexp» en el mismo componente input del formulario, por medio del selector de jquery se le asigna esta funcionalidad al campo al término de la carga del DOM.

Acá un ejemplo en acción de su implementación en CODEPEN

Para probar en línea las expresiones regulares, recomiendo usar la página http://regexr.com/

2 respuestas a «Restricción de caracteres para campos input con JQUERY y REGEXP»

  1. Avatar de MARCELO PIZARRO
    MARCELO PIZARRO

    Muy bueno, pero como poder sumar la letra ñ para que la pueda utilizar por ejemplo en un nombre de una persona

    Responder
    1. Avatar de Cesar Gonzalez
      Cesar Gonzalez

      Disculpa la demora en la respuesta, la verdad que en el último tiempo he tenido bastante carga por lo que no pude atender antes esta consulta, te cuento que esta función usa como base de validación las expresiones regulares, por lo que habría que modificar la regla [a-z|A-Z]+ al la nueva forma [a-zñ|A-ZÑ]+ para que también considere al Ñ y ñ como caracteres válidos, te agradezco la acotación porque no había notado ese detalle.

      Responder

HOLA! si te gustó o te fue útil, por favor, considera dejarme un comentario

Este sitio usa Akismet para reducir el spam. Aprende cómo se procesan los datos de tus comentarios.