我正在使用 JQuery 验证插件来验证应用程序中的表单。当按钮类型为“提交”时效果很好。但是,我有一种表单,需要使用 JQuery.Ajax 提交数据,因此我使用简单的 <input type='button'>
。但这样验证就不起作用了。
这是工作代码-
<head>
<script>
$(document).ready(function(){
$("#some_form").validate({});
});
</script>
</head>
<body>
<form name='some_form' id='some_form'>
<!-- Form Fields -->
<input type='submit' value='Submit'>
</form>
</body>
但是,当我将其放入代码 <input type='button' value='Submit'>
中时,上面的代码可以工作。 ,它不起作用。
有人知道如何让它工作吗?
最佳答案
据我所知,jQuery 验证插件被设计为仅在触发提交时才起作用;因此,当您的输入元素上有“按钮”类型时,表单实际上并未提交,因此验证永远不会运行。您是否有理由不想使用“提交”类型?
编辑地址评论:要使用ajax,但仍然有“提交”按钮类型,您可以使用插件参数的“submitHandler”选项...如下所示:
$("#some_form").validate({
submitHandler: function(form) {
... ajax stuff here ...
}
});
这将覆盖表单的实际发布,但仍会触发提交事件以便运行验证。
关于javascript - JQuery 验证插件不适用于简单按钮,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/10310759/