尝试显示与jquery.validation错误

Question

I'm trying to display errors using the jquery.validation plugin but I am not getting back any messages.

When I click on submit I get invalid alerts on the blank fields but no message in the summary div. Can anyone tell me what I've missed?

Thanks

 <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

Working Fiddle : http://jsfiddle.net/sandenay/4psggt9q/

I have included jQuery and jQuery Validate plugins

Your JS Code:

$(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() shows errors besides input fields.

numberOfInvalids() shows the count of all errors.