Die Standard-HTML5-Formularüberprüfung zeigt keine Fehlermeldung im IE-Browser

Question

IE-Browser hat eine andere Möglichkeit, Standard-HTML5-Validierungsnachrichten anzuzeigen. Chrome oder Firefox, nach dem Absenden des Formulars, zeigen schöne Blasen/Tooltip mit Fehlermeldung. IE Unterstreichen ungültigen Feld, aber Fehlermeldung wird nur angezeigt, wenn Benutzer Hover-Feld.

Frage: Gibt es eine einfache Möglichkeit, zu ändern, wie Nachrichten ähnlich wie Chrome anzuzeigen? Basiert das auf einigen Pseudo-Klassen oder etwas? Hat jemand von euch ein ähnliches Problem?

Answer 1

Sie können das oninvalid-Ereignis verwenden.

document.getElementById('input').oninvalid = function(e) { 
    e.preventDefault(); //prevent default tooltip 
    this.style.background = '#f2dede'; //whatever 
    var elem = this.parentNode.getElementsByClassName('tooltiptext')[0]; //select tooltip element 

    //show the tooltip 
    elem.style.visibility = "visible"; 
    elem.style.opacity = "1"; 
} 

ich diese Geige https://jsfiddle.net/petekeeports/0yxfj3Lr/ gemacht, ob das ist, was Sie suchen. Hoffe das hilft!!