Ungültiges Ereignis auslösen jquery

Question

Kann "das ungültige Popup" durch die benutzerdefinierte Funktion ausgelöst werden, ohne ein Formular zu senden?

Ungültige Popup ->https://www.html5rocks.com/static/images/tutorials/constraintvalidation/ChromeForAndroid.png

Answer 1

Angenommen, Sie haben ein input

<input type="text" id="input_id"> 

jquery verwenden, können Sie diese Validierung als ausführen:

$(document).on("keyup", "#input_id", function(){ 
    if($(this).val() == '') 
    { 
     /* show error message here */ 
    } 
}); 

Oder wenn Sie reine JavaScript verwenden möchten, können Sie:

var el = document.getElementById('input_id'); 

el.addEventListener("keyup", function() { 
    validate_me(this); 
}, false); 

function validate_me(e) 
{ 
    if(e.value == '') 
    { 
      /* error message here */ 
    } 
} 

Wenn Sie die html5 einzige Lösung wollen:

Um zu überprüfen, ob ein bestimmtes Feld gültig ist, zu verwenden:

$('#myField')[0].checkValidity() // returns true/false 

Um zu überprüfen, ob das Formular gültig ist, verwenden:

$('#myForm')[0].checkValidity() // returns true/false 

Wenn Sie die nativen Fehlermeldungen angezeigt werden, dass einige Browser (wie Chrome) haben leider die einzige Möglichkeit, das zu tun ist, indem Sie das Formular abschicken, wie folgt aus:

var $myForm = $('#myForm') 
if (!$myForm[0].checkValidity()) { 
    // If the form is invalid, submit it. The form won't actually submit; 
    // this will just cause the browser to display the native HTML5 error messages. 
    $myForm.find(':submit').click() 
} 

Beachten Sie, dass HTML5-Validierung wird nicht in allen Browsern unterstützt.