Wenn die vorderen Kinderschuhe auf der Seite geschrieben sind, ist es unvermeidlich, dass wir zu diesem Zeitpunkt immer auf das Formular treten, um zu überprüfen, ob es notwendig ist, eine Menge JS zu schreiben, um zu überprüfen Seit dem Auftreten von H5, vielen gemeinsamen Expressionsüberprüfungen, die es für uns erreicht wurde, lassen Sie uns viele Belastungen reduzieren, wie unten:
Überprüfung der Mailbox -Adresse:
<! = E -Mail> </label> <Eingabe type = subjekt> </form> </body> </html>
Die Postbox -Überprüfung wird von H5 selbst unterstützt, aber die Szenen und die Situation, die wir überprüfen müssen, sind vielfältig. Wir können regelmäßige Ausdrücke im Muster angeben.
Limited 11 -Digit -Nummer: <! = Text muster =^/d {11} $> </label> <Eingabetyp = Subjekt> </form> </body> </html> FrageSie können es versuchen, und geben Sie einen Fehler bei, wenn Sie die Anzahl der Nicht -11 -Bitging eingeben Wir verwenden das Formular, um das Format zu verifizieren. Wir brauchen nicht einmal die Seite.
LösungWenn Sie Probleme haben, müssen wir es für eine lange Zeit in Googles Programmierung lösen, wir haben endlich ein gutes Rezept gefunden:
Oninvalid: Wenn der Wert des eingereichten Eingabeelements ein ungültiger Wert ist (hier ist der reguläre Überprüfungsfehler), Trigger
Auf deminvalid Ereignis. Aufinvalid gehört zum Formularereignis.
SetCustomvality (): Dies ist die erstellte JS -Methode von HTML5.
Es stellt sich heraus, dass Sie eine Definition der Erinnerung aninvalid und setCustomvalidy sein können, dann ist dies einfach.
<! = Textmuster =^/D {11} $ oninvalid = setCustomvalidity ('Bitte geben Sie 11 Ziffern ein)> </label> <Eingabe type = subjekt> </form> </body> </html>Ergebnis:
Schließlich ist es nicht so schmerzhaftes Eierformat.
Die oben genannte Aufforderung, dass der Herausgeber des HTML5 -Formulars, das Ihnen vorgestellt wurde, für alle hilfreich ist, wenn Sie Fragen haben. Vielen Dank für Ihre Unterstützung für die VEVB Wulin -Website!