zurück zur Startseite
  


Zurück XHTMLforum > Webentwicklung (außer XHTML und CSS) > Javascript & Ajax
Seite neu laden HTML5 Formular mit Att. required

Antwort
 
LinkBack Themen-Optionen Ansicht
  #1 (permalink)  
Alt 23.02.2014, 17:18
Neuer Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 28.01.2014
Beiträge: 12
singel befindet sich auf einem aufstrebenden Ast
Standard 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");
        }
    });
});
1.
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
Mit Zitat antworten
Sponsored Links
  #2 (permalink)  
Alt 24.02.2014, 11:16
?!?
XHTMLforum-Kenner
 
Registriert seit: 20.03.2013
Beiträge: 1.638
explanator sorgt für eine eindrucksvolle Atmosphäreexplanator sorgt für eine eindrucksvolle Atmosphäre
Standard

Was wäre denn eine falsche Eingabe beispielsweise?
__________________
"Wieso ist der Code schrott, ich dachte hier seien Profis..."
Aus einem Forum.
Mit Zitat antworten
Sponsored Links
  #3 (permalink)  
Alt 24.02.2014, 11:24
Erfahrener Benutzer
XHTMLforum-Kenner
 
Registriert seit: 30.01.2014
Beiträge: 2.247
cloned ist ein wunderbarer Anblickcloned ist ein wunderbarer Anblickcloned ist ein wunderbarer Anblickcloned ist ein wunderbarer Anblickcloned ist ein wunderbarer Anblickcloned ist ein wunderbarer Anblickcloned ist ein wunderbarer Anblick
Standard

Du kannst mittels input.checkValidity() die Browserüberprüfung abfragen.
Mit Zitat antworten
  #4 (permalink)  
Alt 24.02.2014, 11:45
Neuer Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 28.01.2014
Beiträge: 12
singel befindet sich auf einem aufstrebenden Ast
Standard

Danke für eure Hilfestellung

@explanator
Zitat:
Zitat von explanator Beitrag anzeigen
Was wäre denn eine falsche Eingabe beispielsweise?
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
Mit Zitat antworten
Antwort

Themen-Optionen
Ansicht

Forumregeln
Es ist Ihnen nicht erlaubt, neue Themen zu verfassen.
Es ist Ihnen nicht erlaubt, auf Beiträge zu antworten.
Es ist Ihnen nicht erlaubt, Anhänge hochzuladen.
Es ist Ihnen nicht erlaubt, Ihre Beiträge zu bearbeiten.

BB-Code ist an.
Smileys sind an.
[IMG] Code ist an.
HTML-Code ist aus.
Trackbacks are an
Pingbacks are an
Refbacks are aus


Ä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


Alle Zeitangaben in WEZ +2. Es ist jetzt 10:29 Uhr.