So zeigen Sie die setCustomValidity-Nachricht / den Tooltip ohne Submit-Ereignis an

Ich verwende die Formulargrundvalidierung, um zu überprüfen, ob das E-Mail-Format korrekt ist. Anschließend werden die Daten von Ajax gesendet. Dort wird überprüft, ob die E-Mail-Adresse bereits verwendet wird und ob der Benutzer ein Land / Bundesstaat ausgewählt hat oder Standardwerte in Auswahlfeldern belassen hat.

Damit die HTML5-Formularvalidierung durchgeführt werden kann, ist ein Submit-Ereignis erforderlich. Klicken Sie auf Submit, wenn die grundlegende Formularvalidierung erfolgreich abgeschlossen wurde. Die Ajax-Operation wird ausgeführt. Wenn die Ergebnisse jedoch eingehen, möchte ich dieselben Browser-Tooltips für die Konsistenz der Benutzeroberfläche verwenden (und ich auch wie sie aussehen).

Gibt es also eine Möglichkeit, sie zum Auftauchen zu bringen? Ich konnte nicht herausfinden, ob es für sie ein spezielles Ereignis gibt. Momentan wird das Feld nur rot umrandet und es erscheint eine Fehlermeldung, wenn Sie mit der Maus darüber fahren, während der Tooltip beim erneuten Klicken auf die Schaltfläche "Senden" angezeigt wird.

Auch für Browser ohne native Tooltips (in meinem Fall Safari) verwende ich Webshims Lib und es funktioniert genauso wie in Chrome und Firefox.

Antworten auf die Frage(8)

Ihre Antwort auf die Frage