Tecnología

Inicio

Cómo permitir alfanumérico con jQuery

El lenguaje Ajax jQuery le permite comprobar si hay errores de validación de formularios antes de enviar la información a una página de procesamiento de formularios en sus páginas Web HTML. Se utiliza una característica llamada "expresiones regulares" para comprobar si los valores alfanuméricos en el cuadro de formato de texto. Esto significa que la forma rechaza cualquier dato que tiene caracteres especiales. Se utiliza esta característica para los cuadros de texto, tales como campos de usuario que sólo desea que los usuarios introducir caracteres alfanuméricos.

Instrucciones

1 Haga clic en la página HTML que contiene los elementos de formulario que desea validar con jQuery. Haga clic en "Abrir con" y elija el editor de jQuery preferido.

2 Añadir el jQuery incluir archivos que necesita para ejecutar código jQuery. Copiar y pegar el siguiente código para las etiquetas de la cabeza:

<script type = "text / javascript"

src='../Scripts/jquery-1.3.2.min.js'>
&lt;/script>

3 Crear la función de validación de jQuery. El siguiente código se asegura de que la información del formulario enviado es sólo valores alfanuméricos para cada personaje:

$ (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 ( "Sólo los caracteres alfanuméricos se les permite");
}

});
});

4 Guarde el archivo y abrirlo en su navegador. Probar el código añadiendo caracteres extendidos en el cuadro de texto y haciendo clic en el botón Enviar.