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

重力形式有一个固有的验证选项。对于每个字段，在表单构建器页面上，您可以选择根据需要对其进行标记，并为该字段创建自定义错误。

在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/

中阅读文档

从文档中

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

jQuery .submit（）没有使用Gravity Forms（Wordpress插件）

3 个答案: