Artikeleinführung von Wulin.com (www.vevb.com): Die Superfit -Formularverifizierungsmethode von HTML5 wird zu IE und anderen alten Browsern gebracht.
Produkttyp: Dynamische Effekte (Dynamic JS, JQuery Works)
Arbeitsbeschreibung: Bringen Sie die Super -Simple -Form -Überprüfungsmethode von HTML5 zu IE und anderen alten Browsern
Produktionsidee: Schreiben Sie ein Plug-In, damit alte Browser auch die HTML5-Syntax verwenden können, um die Überprüfung auszudrücken. Sie müssen das Submit -Ereignis nur unten abfangen und JQuery verwenden, um das ungültige Ereignis auszulösen, nachdem festgestellt wurde, dass die Überprüfungsregeln nicht erfüllt sind. Entwickler müssen das ungültige Ereignis nur einfach binden, um die bisher sehr komplexe Funktionsverifizierungsfunktion zu vervollständigen.
Ich glaube, dass Front-End-ER, der neue Dinge mag, die Form des HTML5-Verifizierungsfunktion von HTML5 ausprobiert hat, was sehr mächtig ist. Das Hinzufügen für <eingabe> wird zu einem erforderlichen Element.
Schreiben Sie einen regulären Ausdruck in das Muster, um das ausgefüllte Format zu erzwingen. Hier ist eine Demo
<form>
<Eingabeplatzhalter = Der Unterstrich von 3-5 Ziffern muss mit Ziffern und Buchstaben gefüllt sein, das Muster =/W {3,5}> benötigt wird
<Eingabetyp = Senden>
</form>
<script src => </script>
<script src = form.html5.js> </script>
<Script>
$ (Eingabe) .bind (ungültig, Funktion (e) {
ALERT (wenn falsch, müssen Sie den Unterstrich von 3-5 Ziffern, Zahlen, Buchstaben ausfüllen).
false zurückgeben;
});
$ (html) .Submit (Funktion (e) {
if (e.ispropagationStoped ()) {
zurückkehren;
}
Alarm (erfolgreich eingereicht);
false zurückgeben;
});
</script>
Sehr einfach oder nicht? Alles, was wir tun müssen, sind zwei Schritte
1. Schreiben Sie die Überprüfungsregeln in reguläre Ausdrücke und legen Sie sie in das Musterattribut in das Eingabe -Tag.
2.JQuery fängt das ungültige Eingangsereignis ab
Durch die Ausführung dieser beiden Schritte können Sie die Formularüberprüfung in einem modernen Browser abschließen.
Aber wie kann ich dann alte Browser unterstützen? Fügen Sie einfach eine Codezeile hinzu
<script src = form.html5.js> </script>
Gleichzeitig müssen Sie diese drei Dateien auch herunterladen und sicherstellen, dass sich die drei Dateien im selben Verzeichnis befinden.
(Der Zweck von select.htc hat nichts mit Form des Formularverifizierung zu tun.)
Wenn Sie die folgende Situation haben, können Sie antworten, um mich zu kontaktieren