jQuery .on('click) 表单提交后不再分配

Question

我将 Gravity Forms 与自定义 jquery 代码结合使用。

jquery 代码在表单提交前分配验证，如果缺少某些内容则触发 sweetalert。第一次单击表单的提交按钮后，jquery 验证工作并触发警报。

因为存在提交错误，gravity forms 现在也显示验证错误。

当填写所有必填字段并再次单击同一个提交按钮时，jquery 验证不再分配给该按钮，也不会触发任何警报。这是为什么？按钮的id还是一样。

JS代码，运行良好，唯一的问题是，当表单处于验证错误状态时，它不再分配给重力表单的提交按钮。

jQuery( "#gform_submit_button_3" ).on('click', (function() {
    //alert ("test");
    var jugend = jQuery("#input_3_5").val();
    var trainer_vorname = jQuery("#input_3_6_3").val();

解决方法：通过以下代码阻止提交表单：

jQuery(document).on( 'click', '#gform_submit_button_3', function (e) {
    e.preventDefault();
    //do what you want with jquery/JS with the form

Answer 1

好的，我自己找到了解决方案。

使用以下 JS（添加到 wp 主题 JS 部分）我可以防止提交 Gravity Form。

jQuery(document).on( 'click', '#gform_submit_button_3', function (e) {
    e.preventDefault();

之后，我使用 JS 进行一些表单验证。如果表单没问题，我将向服务器发送带有 ajax post 请求的表单数据。请记住，在阻止表单提交时，正常的提交挂钩不起作用。

jQuery .on('click) 表单提交后不再分配

jQuery .on('click) after form submission not assigned any more

javascript

jquery

forms

gravity-forms-plugin

gravityforms