我有一个像这样的html,
<form id="create_campaign_form">
<input type="text" name="campaign_name" id="campaign_name" >
</form>
<button id="validate_now" type="button" >OK</button>
我有一个带有 validate.js 的 jquery,例如,
$.fn.validate_campaign=function(options){
$("#create_campaign_form").validate({
rules: {
campaign_name : "required",
},
messages:{
campaign_name : "Please enter Campaign name",
},
submitHandler: function(form) {
alert(1);
return true;
}
});
$('#validate_now').click(function(){
alert($('#create_campaign_form').valid());
});
}
$(document).ready(function(){
$(this).validate_campaign(); //Invoke on document ready
});
我的问题是,当我在文本框中输入值并单击按钮时 alert($('#create_campaign_form').valid());
总是返回 false
并且不进入submitHandler
最佳答案
检查这个FIDDLE
您需要提交您的表格。您的提交按钮应该位于表单内,否则您必须手动调用表单提交。以下
$('#validate_now').click(function(){
$('#create_campaign_form').submit();
});
如果表单有效,则输入您的提交处理程序并发出警报 1。
关于javascript - Jquery 验证不起作用返回有效结果,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/22318590/