jQuery .submit() 不适用于 Gravity Forms（Wordpress 插件）

Question

您好，我已经为我的 Gravity Forms 注册表准备了 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;
    }
});

唯一的问题是提交功能我不知道为什么它不起作用，你可以在我的 website

上查看表格

Answer 1

在您的表单提交按钮上，点击此代码

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

此代码使您的提交按钮只工作一次。尝试删除它，它应该可以工作

Answer 2

Gravity 表单具有固有的验证选项。对于每个字段，在表单构建器页面上，您可以选择将其标记为必填项并为该字段创建自定义错误。

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

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

Answer 3

自定义 jQuery 不以重力形式执行？尝试将其放入

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

阅读此处的文档https://docs.gravityforms.com/gform_post_render/

来自文档：

"This jQuery hook is fired every time the form is rendered to allow custom jQuery to be executed. This includes initial form load, going to the next/previous page on multi-page forms, form rendered with validation errors, confirmation message displayed, etc."

jQuery .submit() 不适用于 Gravity Forms（Wordpress 插件）

jQuery .submit() not working on Gravity Forms (Wordpress Plugin)

javascript

wordpress

jquery

gravity-forms-plugin