Come consentire alfanumerica con jQuery

July 20

Il linguaggio Ajax jQuery permette di verificare la presenza di errori di validazione modulo prima di inviare le informazioni ad una pagina del modulo di elaborazione nelle pagine Web HTML. È possibile utilizzare una funzione chiamata "espressioni regolari" per verificare la presenza di valori alfanumerici nella casella di testo modulo. Ciò significa che il modulo rifiuta i dati che hanno caratteri speciali. È possibile utilizzare questa funzionalità per le caselle di testo, come campi nome utente che si desidera solo agli utenti di immettere caratteri alfanumerici.

istruzione

1 Fare clic sulla pagina HTML che contiene gli elementi del modulo che si desidera convalidare con jQuery. Fai clic su "Apri con" e selezionare il vostro editor preferito jQuery.

2 Aggiungere il jQuery includere file necessari per eseguire codice jQuery. Copia e incolla il seguente codice ai tag head:

<script type = "text / javascript '

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

3 Creare la funzione di convalida jQuery. Il seguente codice garantisce che le informazioni inviate modulo è solo valori alfanumerici per ogni personaggio:

$ (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 ( "solo caratteri alfanumerici sono consentiti");
}

});
});

4 Salvare il file e aprirlo nel browser. Testare il codice con l'aggiunta di caratteri estesi nella casella di testo e fare clic sul pulsante Invia.