HTML-Formulare und Validierungsereignisse

1. Formularüberprüfung

(1). Nicht leere Überprüfung (Leerzeichen entfernen)

(2). Vergleichsüberprüfung (Vergleich mit einem Wert)

(3). Bereichsüberprüfung (Beurteilung basierend auf einem Bereich)

(4). Überprüfung im festen Format: Zur Überprüfung sind reguläre Ausdrücke erforderlich.

(5).Andere Überprüfung

2, Regulärer Ausdruck

Verwenden Sie Symbole, um Schreibregeln zu beschreiben:/ Schreiben Sie reguläre Ausdrücke in die Mitte /

^: entspricht dem Anfang, $: entspricht dem Ende; /^ve/beginnt mit ve /ve$/endet mit ve

d: eine beliebige Zahl

w: eine beliebige Zahl oder ein beliebiger Buchstabe

s: eine beliebige Zeichenfolge

{n}: Wiederholen Sie den Ausdruck links n-mal

{m,n}: Wiederholen Sie den Ausdruck auf der linken Seite mindestens m-mal und höchstens n-mal
{m, }: Wiederholen Sie den Ausdruck auf der linken Seite mindestens m-mal und höchstens unbegrenzt

: Der Ausdruck auf der linken Seite erscheint mindestens einmal und höchstens unbegrenzt, äquivalent zu {1,}

*: Der Ausdruck auf der linken Seite erscheint mindestens 0 Mal und höchstens unbegrenzt, entspricht {0,}

?: Der Ausdruck auf der linken Seite kommt mindestens 0 Mal und höchstens 1 Mal vor, was {0, 1}

entspricht

[a,b,c]: kann nur einen der Inhalte in eckigen Klammern annehmen

[a-z] oder [1-9]: Wählen Sie eine aus dem Bereich

|: Stellt or; () dar: Priorität; : Escape – „( )“ ist die Klammer, die angezeigt werden soll und mit Escapezeichen versehen werden muss

3. Veranstaltung

Ereignisse bestehen aus drei Elementen: Ereignisquelle, Ereignisdaten und Ereignishandler

Sie können return false; hinzufügen, um den Standardvorgang zu verhindern

onclick: Ausgelöst durch Mausklick

ondblclick: Doppelklick-Auslöser

onmouseover: Wird ausgelöst, wenn sich die Maus darüber bewegt

onmouseout: wird ausgelöst, wenn die Maus

verlässt

onmousemove: Wird ausgelöst, wenn sich die Maus darüber bewegt

bei Änderung: Wird immer dann ausgelöst, wenn sich der Inhalt ändert

Onblur: wird ausgelöst, wenn der Fokus verloren geht

onfocus: Wird ausgelöst, wenn der Fokus erreicht wird

onkeydown: Wird ausgelöst, wenn die Taste gedrückt wird

onkeyup: wird ausgelöst, wenn die Taste angehoben wird

onkeypress: Das Ereignis tritt ein, wenn der Benutzer eine beliebige alphanumerische Taste drückt und wieder loslässt. Systemtasten (z. B. Pfeiltasten, Funktionstasten) werden jedoch nicht erkannt.

Beispiel: E-Mail anhand eines regulären Ausdrucks überprüfen

function checkemail() { var v4 = trim(u4.value); var reg = /^w ([- .]w )*@w ([-.]w )*.w ([-.]w )*$/; if(v4.match(reg) != null) { imgs4.setAttribute("src","imges/1.png" } else { imgs4.setAttribute("src", imges/2.png"); return false; } }

Ergänzung zum regulären Ausdruck:

So erstellen Sie einen regulären Ausdruck:

var patten= new RegExp(/^[0-9]{17}[0-9|X]$/);/*RegExp()Die Formeln in den Klammern müssen von Ihnen selbst definiert werden:

1, [] hat nur ein Element

2, ()Sie können darin ein Wort oder einen Ausdruck schreiben 3, {} Es repräsentiert die Menge
4, ^: beginnt mit einem bestimmten Element und wird vor das Element 5
, $: endet mit einem bestimmten Element, geschrieben nach dem Element */

Beispiel:

1

, Verifizierungsausweis für reguläre Ausdrücke:

Ausweis:

/*javascriptTeil*/

var a= document.getElementById("1").value; var pattern= new RegExp(/^[0-9]{17}[0-9|X]$/);

if(patten.test(a))

{ warning("

Korrekt eingeben "); }

sonst

{ Alert("

Eingabefehler"); }

2

, E-Mail zur Überprüfung regulärer Ausdrücke:

E-Mail: " onclick="mail()" />

Funktion mail()

{ 

var patten2= new RegExp(/^[0-9|A-z|_]{1,17}[@][0-9|A-z]{1,3}.(com)$/)

var mail = document.getElementById("2").value;

if(patten2.test(mail)) 

{ warning("

Korrekt eingeben

"); } sonst

{ Alert("

Eingabefehler

"); } }

Häufig verwendete reguläre Ausdrücke:

Übereinstimmende inländische Telefonnummern: d{3}-d{8}|d{4}-d{7}
Kommentare: Übereinstimmungsformat ist wie folgt: 0511- 4405222 oder 021-87888822
Entspricht Tencent QQ Nummer: [1-9][0-9] { 4,}
Kommentar: Tencent QQ Nummer beginnt bei 10000
entspricht China Postleitzahl: [1-9]d{5}(?!d)
Kommentar: Chinas Postleitzahl besteht aus 6 Ziffern
passend Personalausweis: d{15}|d{18}
Kommentar: Chinas Personalausweis besteht aus 15 Ziffern oder 18 Bits
Entspricht ipAdresse: d .d .d .d
Kommentare: ip Nützlich für Adressen
Übereinstimmung mit bestimmten Zahlen: ^[1-9]d*$ //
Übereinstimmung mit positiven Ganzzahlen ^-[ 1 -9]d*$ //
Negative Ganzzahlen abgleichen ^-?[1-9]d*$ //
Ganzzahlen abgleichen ^[1-9 ] d*|0$ //
entspricht nicht negativen Ganzzahlen (positive Ganzzahlen 0) ^-[1-9]d*|0$ //
entspricht nicht positiven Ganzzahlen (negative Ganzzahlen 0) ^[1-9]d*.d*|0.d*[ 1 -9]d*$ //
Positive Gleitkommazahl abgleichen ^-([1-9]d*.d*|0.d*[1-9]d*)$ //
Negative Gleitkommazahlen abgleichen ^-?([1-9]d*.d*|0.d*[1-9]d*|0?.0 |0) $ //
Gleitkommazahl abgleichen ^[1-9]d*.d*|0.d*[1-9]d*|0?.0 |0$ //
Übereinstimmung mit nicht negativer Gleitkommazahl (positive Gleitkommazahl 0) ^(-([1-9]d*.d*|0 .d*[1-9 ]d*))|0?.0 |0$ //
entspricht nicht positiven Gleitkommazahlen (negative Gleitkommazahlen 0 )
Kommentar: Nützlich bei der Verarbeitung großer Datenmengen. Bitte achten Sie bei der Anwendung auf Korrekturen. 🎜>26
Eine Folge englischer Buchstaben
^[A-Z] $ // entspricht 26 Eine Zeichenfolge bestehend aus Großbuchstaben englischer Buchstaben
^[a-z] $ // entspricht einer Zeichenfolge bestehend aus Kleinbuchstaben von 26
^[A-Za-z0-9] $ //entspricht einer Zeichenfolge bestehend aus Zahlen und 26 englischen Buchstaben
^w $ / / Entspricht einer Zeichenfolge bestehend aus Zahlen, 26 englischen Buchstaben oder Unterstrichen
bei Verwendung der Validierungssteuerung RegularExpressionValidator. Die Verifizierungsfunktion und sein Verifizierungsausdruck werden wie folgt eingeführt :
Es können nur Zahlen eingegeben werden: „^[0-9]*$“
>Nur n Ziffern können eingegeben werden: "^d{n}$"
Es können nur mindestens n Ziffern eingegeben werden. Zahlen: “^d{n,}$“
Es können nur Zahlen mit m-n Ziffern eingegeben werden: “^d{ m, n}$“
Es können nur Zahlen eingegeben werden, die mit Null und ungleich Null beginnen: “^(0|[1-9][0-9]*)$“
Es können nur positive reelle Zahlen mit zwei Nachkommastellen eingegeben werden: “^[0-9] (.[0-9]{2})?$“
Nur ​​positive reelle Zahlen mit 1-3Positive reelle Zahlen mit Nachkommastellen: “^[0-9] (.[0-9]{1,3})?$“
Es können nur positive Ganzzahlen ungleich Null eingegeben werden: „^?[1-9][0-9]*$“  
Es können nur negative Ganzzahlen ungleich Null eingegeben werden: „^ -[1-9][0-9]*$“
Es können nur Zeichen mit einer Länge von 3 eingegeben werden: “^ .{3}$“
Sie können nur eine Zeichenfolge eingeben, die aus 26 englischen Buchstaben besteht: “^[A-Za-z] $“
Sie können nur eine Zeichenfolge eingeben, die aus 26 englischen Großbuchstaben besteht: “^[A-Z] $“  
Sie können nur eine Zeichenfolge eingeben, die aus Eine Zeichenfolge aus 26 englischen Kleinbuchstaben besteht: “^[a-z] $“
kann nur eingegeben werden, die aus besteht Zahlen und 26 Eine Zeichenfolge bestehend aus englischen Buchstaben: "^[A-Za-z0-9] $" Eine Zeichenfolge bestehend aus englischen Buchstaben oder Unterstrichen:
„^w $“ Benutzerpasswort überprüfen:“^[a-zA-Z]w{5,17 }$“Das richtige Format ist : Beginnend mit einem Buchstaben, die Länge liegt zwischen
6-18, kann nur Zeichen, Zahlen und Unterstriche enthalten.
Überprüfen Sie, ob es Zeichen wie ^%&'',;=?$":
"[^%&'',;= enthält ?$ x22] ” Es können nur chinesische Zeichen eingegeben werden: “^[u4e00-u9fa5],{0,}$“
BestätigenE-MailAdresse:
“^w [- .]w )*@w ([-.]w )*.w ([-.]w )*$“ VerifizierungInternetURL: “^http://([w-] .) [w-] (/[w-./?%&=]*)? $“
Verifizierungstelefonnummer: “^((d{3,4})|d{3,4}-)?d{7,8}$“
Das korrekte Format ist: "XXXX-XXXXXXX", "XXXX-XXXXXXXX", "XXX-XXXXXXX" ID-Nummer überprüfen (
15 Ziffern oder 18 Ziffern): "^d{ 15} |d{}18$“  Verifizierung eines Jahres
12Monate:“^(0?[1-9]|1 [0- 2])$"Das korrekte Format ist: "01"-"09" und
"1""12" Überprüfen Sie 31 Tage eines Monats: “^((0?[1-9])|((1|2)[0- 9] )|30|31)$“Das korrekte Format ist:„01“„09“und„1“„31“
. Regulärer Ausdruck, der mit chinesischen Zeichen übereinstimmt: [u4e00-u9fa5]
Entspricht Doppelbyte-Zeichen ( einschließlich chinesischer Zeichen )：[^x00-xff]
Regulärer Ausdruck, der mit leeren Zeilen übereinstimmt:
n[s| ]*r  Regulärer Ausdruck, der mit dem HTML-Tag übereinstimmt: /<(.*)>.*|<(.*) />/ Regulärer Ausdruck, der mit führenden und nachgestellten Leerzeichen übereinstimmt: (^s*)|(s*$)
Regulärer Ausdruck, der mit E-Mail-Adresse
übereinstimmt: w ([ - .]w )*@w ([-.]w )*.w ([-.]w )*  Übereinstimmende URLURL:
http://([w-] .) [w-] (/[w- ./?%&=]*)