Wenn viele Freunde verifizieren, verwenden sie JQuery oder JS manuell oder verwenden die JQuery -Stecker, um dies zu überprüfen. Weil jeder denkt, dass HTML5 mit Authentifizierung nicht sehr gut ist! In der Tat wird HTML5 jetzt mit der Formulierung der Form über die Form der Form ausgestattet, die jetzt ziemlich mächtig ist. Schauen wir uns ein Formular an, um es in einem von Pure HTML5 geschriebenen Formular zu überprüfen! Erfahrung!
Was denkst du über diesen Effekt?
Die Essenz dieses Effekts sind drei Bilder!
.MyForm SELECT: Erforderlich,. % Center;} myForm ausgewählt: erforderlich: /Right.png) No-Repeat 99% Mitte; : //sandbox.runjs.cn/uploads/rs/216/0y89gzo2/error.png) No-Repeat 99% Center;
Dann machte ein Überwachungsereignis:
Oninvalid = this.setCustomvality ('Bitte geben Sie die richtige Zahl ein);Wenn das Bestätigungskennwort konsistent ist, verwenden Sie ein JS
Funktion checkPassword () {var pass1 = document.getElementById (Passwort);Dies vervollständigt den Effekt!
Wenn Sie denken, ist diese gebaute Blase auch hässlich! Wie unten gezeigt: Ich möchte es ändern!
Vor der Version von Google 29 können wir Pseudo -Elemente verwenden, um die Blasen zu ändern!
: -Webkit-validation-bubble {min-width: 152px; / Top: 4px; 1px Solid #f7ce39;Aber diese Methode wurde später aufgegeben! Sie werden feststellen, dass es keine Antwort auf die Änderung der Blase gibt! Wie modifiziere ich den Blasenstil? Es ist hier ein wenig problematisch! Die Idee ist wahrscheinlich, dass wir zuerst die Standardblasen stoppen und dann eine neue Blase erstellen!
Standardblasen verhindern <form> <eingabe erforderlich> <taste> Senden </button> </form> <script> document.qurySelector (Eingabe) .AdDeVentListener (Inkret, Funktion) {Ereignis.Prev entDefault ();}); Erstellen Sie eine neue BenutzeroberflächeDer Code ist ungefähr wie folgt:
Funktion Ersetzen Sie Validationui (Form) {// Blasen von Blasen verhindern. }); Typ = Senden]); InvalyFields.length; /li>;} ages.innerHtml = listhtml; });} // alle Überprüfungen ersetzen uivar forms = document.qurySelectiverAlle (Form); ZusammenfassenDas oben genannte HTML5 wird mit dem HTML5 die Erfahrung der Erfahrung und die Aufforderung an Blasenmodifikationsfunktion geliefert. . Vielen Dank für Ihre Unterstützung für die VEVB Wulin -Website!