Cómo permitir los valores alfanuméricos con jQuery

Escrito por jim campbell | Traducido por maría j. caballero
  • Comparte
  • Twittea
  • Comparte
  • Pin
  • E-mail
Cómo permitir los valores alfanuméricos con jQuery
Cómo permitir los valores alfanuméricos con jQuery (Jupiterimages/Creatas/Getty Images)

El lenguaje Ajax jQuery te permite comprobar si hay errores de validación antes de enviar información a una página de formulario de procesamiento en tus páginas Web HTML. Utilizas una característica llamada "expresiones regulares" para comprobar los valores alfanuméricos en el cuadro de texto del formulario. Esto significa que el formulario rechaza cualquier dato que tenga caracteres especiales. Utilizas esta función para cuadros de texto, como los campos de nombre de usuario en los que sólo deseas que los usuarios introduzcan caracteres alfanuméricos.

Nivel de dificultad:
Moderado

Otras personas están leyendo

Instrucciones

  1. 1

    Haz clic derecho en la página HTML que contiene los elementos de formulario que deseas validar con jQuery. Haz clic en "Abrir con" y selecciona el editor jQuery preferido.

  2. 2

    Agrega jQuery e incluye los archivos necesarios para ejecutar el código de jQuery. Copia y pega el código siguiente para las etiquetas:

    <script type='text/javascript' src='../Scripts/jquery-1.3.2.min.js'> </script>

  3. 3

    Crea la función de validación de jQuery. El código siguiente garantiza que la información enviada del formulario sólo tiene valores alfanuméricos para cada carácter:

    $(function() { $('input.alpha[$id=tb1]').keyup(function() { if (this.value.match(/[^a-zA-Z0-9 ]/g)) { this.value = this.value.replace(/[^a-zA-Z0-9 ]/g, ''); } else { alert ("Only alphanumeric characters are allowed"); } }); });

  4. 4

    Guarda el archivo y ábrelo en tu navegador. Prueba el código mediante la adición de caracteres extendidos en el cuadro de texto y haz clic en el botón enviar.

No dejes de ver

Filtrar por:
  • Mostrar todos
  • Artículos
  • Galerías de fotos
  • Videos
Ordenar:
  • Más relevante
  • Más popular
  • Más reciente

No se encuentran artículos disponibles

No se encuentran slideshows disponibles

No se encuentran videos disponibles