截取单击提交按钮并检查表单jQuery的有效性

截取单击提交按钮并检查表单jQuery的有效性,jquery,jquery-validate,Jquery,Jquery Validate,我想在点击提交按钮时检查表单的有效性。如果有效,则应提交表格,否则不做任何操作。 我尝试过禁用提交按钮,然后单击检查有效性并启用它。 但我认为这种方法存在两个问题。 1:在禁用的按钮上未检测到单击 2:即使我成功地检测到一个点击,我可能最终会进入一个无限循环。启用按钮后的第二次单击将再次触发有效性检查,以此类推。您应该使用事件.preventDefault()。阅读以下内容: 粗略的示例代码草稿: $('your-submit-button').click(function(event){

我想在点击提交按钮时检查表单的有效性。如果有效,则应提交表格,否则不做任何操作。 我尝试过禁用提交按钮,然后单击检查有效性并启用它。 但我认为这种方法存在两个问题。 1:在禁用的按钮上未检测到单击
2:即使我成功地检测到一个点击,我可能最终会进入一个无限循环。启用按钮后的第二次单击将再次触发有效性检查,以此类推。

您应该使用
事件.preventDefault()
。阅读以下内容:

粗略的示例代码草稿:

$('your-submit-button').click(function(event){
    if (! validate() ) {
        event.preventDefault();
        showErrors();
    }
})
其中,
validate()
是验证函数,如果验证失败,则返回false

编辑:
示例处理程序绑定到
单击
事件,因为您需要

单击“提交”按钮检查表单的有效性

最好使用
.submit()
而不是
.click()
,以便对任何类型的表单提交进行验证。 我们的样品几乎保持不变:

$('#your-form-id').submit(function(event){
    if (! validate() ) {
        event.preventDefault();
        showErrors();
    }
})

谢谢。工作完美:>