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

我将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
wanglin1967 回答:表单提交后的jQuery .on('click)不再分配

好的,我自己找到了解决方法。

使用以下JS(添加到wp主题JS部分中),我可以阻止提交“重力表”。

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

在那之后,我使用JS进行了一些表单验证。如果表单正常,我将带有ajax发布请求的表单数据发送到服务器。 请记住,阻止表单提交时,正常的提交钩子不起作用。

本文链接:https://www.f2er.com/3108840.html

大家都在问