如何使用jQuery验证插件作为更大的JavaScript处理流程的一部分?

时间:2012-11-29 00:26:55

标签: jquery jquery-validate

在我的客户端代码中,我:

  1. 在表单中填充隐藏字段。
  2. 等待用户填写姓名,电子邮件等字段。
  3. 用户点击[提交]或[取消]。
  4. 假设点击了[Submit],我汇编数据,发出jQuery.ajax POST请求,然后用结果重新填充页面。
  5. 各种表单已达到足够的复杂性,jQuery验证插件http://bassistance.de/jquery-plugins/jquery-plugin-validation/将提供很大帮助。我在其他各种项目中都使用过它。

    但是,我从未将它用作更大的javascript / jQuery工作流程的一部分。当用户单击“提交”时,我想针对该html表单运行Validate(并且只有该表单,页面上有几个)。如果验证失败,则显示错误消息(正常验证行为)。如果验证通过,请继续查看我现有的AJAX处理代码。

    如何实现这一点,即在上面的步骤3和4之间插入jQuery表单验证?

    我为不发布代码而道歉。它有待不披露。

1 个答案:

答案 0 :(得分:1)

使用submitHandler回调

  

“在表单有效时回调处理实际提交。获取   形式作为唯一的论点。替换默认提交。正确的   在验证后通过Ajax提交表单。“

$(".selector").validate({
   submitHandler: function(form) {
      // or put your code here
      $(form).ajaxSubmit();
   }
})