javascript - JQuery 验证插件不适用于简单按钮

标签 javascript jquery jquery-validate

我正在使用 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/

相关文章:

javascript - 如何使用 _.where 通过 ID 查找嵌套在对象数组中的对象?

javascript - 更改可见性属性

jquery - 如何使用 jQuery Validate 插件进行 Bootstrap 选择?

javascript - 使用jQuery或纯JS获取多选框的值

javascript - 在后退按钮上重置表单

javascript - JQuery - 保持工具提示在 View 中

javascript - 我如何检查 "canplaythrough"是否为真?

javascript - 在 WooCommerce 产品页面中添加千位分隔符和总价

jquery - 类型错误 : e is null error

JQuery 验证插件在某些情况下需要电子邮件