嘗試顯示與jquery.validation錯誤

Question

我正在嘗試使用jquery.validation插件顯示錯誤，但沒有收到任何消息。

當我單擊提交時，我在空白字段上收到無效警報，但摘要div中沒有​​消息。 誰能告訴我我錯過了什么？

謝謝

 <div class="form-group form-group-sm">
  <label class="control-label requiredField" for="SW">
   Social Worker
   <span class="asteriskField">
    *
   </span>
  </label>
  <input class="form-control" id="SW" name="SW" type="text" required="required"/>
 </div>

 <div class="form-group form-group-sm">
  <label class="control-label requiredField" for="NMN">
   Named Nurse
   <span class="asteriskField">
    *
   </span>
  </label>
  <input class="form-control" id="NMN" name="NMN" type="text" required="required"/>
   </div>

<div id="summary"></div>

 <div class="form-group">
  <div>
   <button class="btn btn-primary " name="submit" id="submit" type="submit">
    Submit
   </button>


<script>
$("#mform").validate({
    showErrors: function(errorMap, errorList) {
        $("#summary").html("Your form contains "
        + this.numberOfInvalids()
        + " errors, see details below.");
        this.defaultShowErrors();
    }
});
</script>

Answer 1

工作小提琴 ： http : //jsfiddle.net/sandenay/4psggt9q/

我包括了jQuery和jQuery Validate插件

您的JS代碼：

$(document).ready(function(){
     $("#submit").click(function(){
        $("#mform").validate({
           showErrors: function(errorMap, errorList) {

             $("#summary").html("Your form contains "
            + this.numberOfInvalids()
             + " errors, see details below.");
           this.defaultShowErrors();
        }
    });


  });
});

HTML：

<form id="mform"> 
  .........other html code............
   // Observe that I have removed type="submit" below code
    <button class="btn btn-primary " name="submit" id="submit">
       Submit
    </button>
 </form>

defaultShowErrors()除了input字段外，還顯示錯誤。

numberOfInvalids()顯示所有錯誤的計數。