JQuery移动验证不工作,即不显示验证消息
我正在尝试验证此表单:JQuery移动验证不工作,即不显示验证消息,jquery,jquery-mobile,jquery-validate,Jquery,Jquery Mobile,Jquery Validate,我正在尝试验证此表单: <form id="manage-form" data-ajax="false"> <label for="business_Name" >Business Name:</label> <input type="text" class="required" name="business_Name" id="business_Name" data-mini="true"/> <input id="submissi
<form id="manage-form" data-ajax="false">
<label for="business_Name" >Business Name:</label>
<input type="text" class="required" name="business_Name" id="business_Name" data-mini="true"/>
<input id="submission" type="submit" value="insert"/>
</form>
当我单击“插入”按钮时,它没有进行验证,即没有显示消息。
页面只是刷新,不显示消息。引用操作: “页面只是刷新,不显示消息。” 它没有进行验证,因为您没有正确初始化插件。由于您将
.validate()
方法放在单击
处理程序中,因此在单击之后插件才会初始化。。。到那时已经太晚了
您不需要在函数中调用.validate()
,单击处理程序等
// the click handler is not needed - delete this...
//$("#submission").on("click", function (evt){
// handleAddForm();
// return false;
//});
只需将.validate()
放在DOM就绪处理程序中,即可正确初始化插件。然后插件将自动捕获提交按钮的点击
$(document).ready(function() {
$('#manage-form').validate({ // initializes the plugin
// your rules and options
});
});
对jQuery Mobile“就绪”事件使用pageinit
$(document).ready(function() {
$('#manage-form').validate({ // initializes the plugin
// your rules and options
});
});
$(document).on('pageinit', function(){
$('#manage-form').validate({ // initializes the plugin
// your rules and options
});
});