我将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