Zulassen von alphanumerisch mit jQuery

July 3

Die Ajax jQuery-Sprache können Sie Gültigkeitsprüfungsfehler für Formular vor dem Senden von Informationen zu einer Formularverarbeitung-Seite in Ihrem HTML-Web Seiten zu überprüfen. Sie verwenden ein Feature namens "reguläre Ausdrücke" checken für alphanumerische Werte in das Formular-Textfeld. Dies bedeutet, dass das Formular Daten ablehnt, die Sonderzeichen hat. Verwenden Sie dieses Feature für Textfelder z. B. Benutzername Felder, dass Sie nur alphanumerische Zeichen eingeben.

Anweisungen

1 Mit der rechten Maustaste in der HTML-Seite, die Formularelemente enthält, die Sie mit jQuery überprüfen möchten. Klicken Sie auf "Öffnen mit" und wählen Sie Ihre bevorzugte jQuery-Editor.

2 Fügen Sie die jQuery Includedateien jQuery Code ausgeführt werden müssen. Kopieren Sie und fügen Sie den folgenden Code in den Head-Tags:

< Skript-Typ = "Text/Javascript"

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

Erstellen Sie die jQuery-Validierungsfunktion. Der folgende Code stellt sicher, dass die Formularinformationen gesendet nur alphanumerische Werte für jedes Zeichen ist:

{$(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 {

Warnung ("nur alphanumerische Zeichen sind erlaubt");}

}); });4

Speichern Sie die Datei und öffnen Sie sie in Ihrem Browser. Testen Sie den Code durch Hinzufügen von erweiterten Zeichen in das Textfeld ein und klicken auf "Senden".