jQuery .submit()不处理重力形式(Wordpress插件)

Question

你好，我已经为我的重力表单注册表单准备了jQuery验证，以防止提交，但是如果我的条件匹配，我想提交我的表单，但是Javascript不像预期的那样工作

jQuery("#gform_1").submit(function(e){
    if(jQuery("#input_1_1_3").val()=='' || jQuery("#input_1_1_6").val()=='' || jQuery("#input_1_2").val()=='' || jQuery("#input_1_4").val()=='' || jQuery("#input_1_5").val()=='' || jQuery("#input_1_3").val()=='' || jQuery("#input_1_3_2").val()==''){
      alert("All fields with * is mandatory");
        return false;
    }else{

      jQuery("#gform_1").submit();
      return true;
    }
});

唯一的问题是提交函数--我不知道它为什么不工作--您可以在我的网站上检查表单

Answer 1

在表单提交按钮上，单击以下代码

   onclick='if(window["gf_submitting_1"]){return false;}  window["gf_submitting_1"]=true;  '

此代码使提交按钮只工作一次。试着移除它，它应该能工作。

Answer 2

自定义jQuery不使用重力形式执行？试着把它放进去

jQuery(document).on('gform_post_render', function(){
    // your js here
});

阅读这里的文档，渲染/渲染

从医生那里：

每次呈现表单时都会触发此jQuery钩子，以允许执行自定义jQuery。这包括初始表单加载、多页窗体上的下一页/前一页、带有验证错误的表单呈现、显示确认消息等。

Answer 3

重力形式有一个固有的验证选项。对于每个字段，在窗体生成器页面上，您可以选择将其标记为需要，并为该字段创建自定义错误。

当将表单嵌入到WordPress页面时，您可以选择使用Ajax完成提交，这样页面就不会在提交时重新加载。

如果您想创建自定义验证，我建议使用验证钩。