客户端验证后重力表单未提交

Posted 2023-05-09

【中文标题】客户端验证后重力表单未提交

【英文标题】：Gravity Form is not submitting after client side validations

【发布时间】：2014-10-22 00:41:16

【问题描述】：

我正在尝试将客户端验证放在重力表单上。我是重力表格的新手，我研究并知道重力表格不支持客户端验证。所以我决定自己做。我使用了 jQuery 的验证库，当表单被验证时，它没有被提交。我有以下代码：-

jQuery(document).ready(function()
       jQuery('#gform_49').validate( // initialize the plugin
        rules: 
            input_7: 
                required: true,
                email: true
            ,
            input_8: 
              required: true,
              url: true
            
        ,
        submitHandler: function (form)  
          form.submit();
          return true;
        
    );

); 

一旦验证失败，然后用户输入正确的数据并尝试提交，则表单未提交。但是，如果用户第一次提交正确的所有信息，它就可以工作。似乎重力表单会禁用表单提交两次。验证后提交表单有什么想法吗？

【问题讨论】：

这还不够好。还请显示表单的呈现 html 代码。

【参考方案1】：

取出整个submitHandler 选项。这里不需要它，因为form.submit() 正是插件的默认行为。也没有理由将return true 放在这些回调函数中。

jQuery(document).ready(function()
   jQuery('#gform_49').validate( // initialize the plugin
       rules: 
           input_7: 
               required: true,
               email: true
           ,
           input_8: 
               required: true,
               url: true
           
       
   );
);