[英]Trying to display errors with jquery.validation
我正在尝试使用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>
工作小提琴 : 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()
显示所有错误的计数。
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.