Warum funktioniert diese Formularvalidierung nicht?

Question

$("#addAlertForm").validate();

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script> 
 
<script src="https://ajax.aspnetcdn.com/ajax/jquery.validate/1.11.1/jquery.validate.min.js"></script> 
 
<form id="addAlertForm" action="" method="post"> 
 
    <div class="form-group form-float"> 
 
    <div class="form-line"> 
 
     <input type="text" name="alertText" class="form-control" maxlength="200" required> 
 
     <label class="form-label">Alert Text</label> 
 
    </div> 
 
    </div> 
 
    <div class="form-group"> 
 
    <input type="checkbox" name="alertCheckbox" id="md_checkbox_10" class="chk-col-green" /> 
 
    <label for="md_checkbox_10">Alert can be dismissed</label> 
 
    </div> 
 
</form>

und es funktioniert nicht, drücke ich auf der Absenden-Button mit dem Feld leer und keine Fehlermeldung unter der Eingabe erscheint, dass er leer ist.

Answer 1

Ihr Validate Aufruf sollte wie unten auf ready geschrieben werden:

$().ready(function() { 
    $("#addAlertForm").validate(); 
}); 

Denken Sie daran, dies auf dem Formular ausgelöst wird oder einreichen, wenn Sie die Eingabetaste drücken/Eingabe auf dem entsprechenden Feld.