|
|||
HTML5 Formular mit Att. required
Hallo NG
Mein Formular wird mit dem Attribut "required" überprüft. Dies funktioniert auch ganz gut. Im Formular habe ich 2 Inputfelder für die E-Mail-Adresse und die Überprüfung der E-Mail-Adresse. Attribut "type=email", pattern="..". Die Auswertung durch den Browser funktioniert. Wie kann ich jedoch prüfen, ob in den 2 Feldern die gleich E-Mail-Adresse steht? Dieser Code funktioniert nur teilweise. (Verwende jQuery) Code:
$(document).ready(function(){ $("#REQ_mail1, #REQ_mail2").keyup(function () { if ($("#REQ_mail1").val() != $("#REQ_mail2").val()) { $("#REQ_mail2").css("background-color", "red"); } else { $("#REQ_mail2").css("background-color", "white"); } }); }); Wenn im Feld REQ_mail1 ein Zeichen eigegeben wird, verändert sich das Feld REQ_mail2 wunschgemäss in rot. 2. Wenn im Feld REQ_mail1 eine falsche Eingabe gemacht wurde, und dieser Fehler im Feld REQ_mail2 wiederholt wird, schaltet das Feld REQ_mail2 auf weiss. Das sollte jedoch nicht geschehen. Kann die Browserseitige Fehlerauswertung abgefragt werden? Dann könnte mit "if Fehlerauswertung = true dann....." Die rote Farbe gesteuert werden. Wünsch einen schönen Sonntagabend. Mathias |
Sponsored Links |
|
|||
Du kannst mittels input.checkValidity() die Browserüberprüfung abfragen.
|
|
|||
Danke für eure Hilfestellung
@explanator Dieser Punkt 2 ist wirklich nicht ganz klar. Falsche Eingabe z.B. test@hotmail im Feld #REQ_mail1. Der Browser erkennt, dass diese Eingabe nicht korrekt ist und belässt in meinem Fall dieses Feld in der Farbe rosa. Denn noch kann das Feld verlassen werden. Fügt der Nutzer nun im #REQ_mail2 test@hotmail ändert sich die Farbe von rot auf weiss. Dies sollte nicht geschehen. @cloned Dein Vorschlag werde ich mal versuchen. Gruss Mathias |
Themen-Optionen | |
Ansicht | |
|
|
Ähnliche Themen | ||||
Thema | Autor | Forum | Antworten | Letzter Beitrag |
HTML5 Enthusiast (m/w) | ictjob.de | Jobs | 0 | 28.08.2012 17:45 |
HTML5 Frage | Html5 | (X)HTML | 11 | 14.04.2012 12:03 |
Formular padding Problem im IE 7 | unic | CSS | 8 | 18.01.2009 14:12 |
Div im IE zu hoch | RancoR | CSS | 10 | 10.07.2007 00:11 |
Daten via Link an Formular übergeben | Sukkulent | Serveradministration und serverseitige Scripte | 6 | 02.06.2007 16:49 |