如何防止ClickFunnels上的表单提交

Question

我正在使用ClickFunnels。我正在通过http Request方法使用AJAX。我想阻止针对特定响应值的表单提交。

如何实现？

我已经编写了以下代码，以防止表单提交

if(http.response == 'error')
{
    e.preventDefault();
}
else
{
    $('#abc').val("Thanks.");
}

如果我写了 return false; 而不是 e.preventDefault（）; ...。也无法正常工作。

还在提交功能时，使用以下行执行

$("#submit-btn").click(function(e)

Answer 1

您必须删除以前的“ onSubmit”事件处理程序。请参见codepen上的完整示例。

function check (e) {
  $.get('https://api.github.com/', function(res) {
    console.log(res);
    if (res.hasOwnProperty('user_url')) {
      console.log('disabling the form.');
      $('#myform').removeAttr('onsubmit').submit( function(event) {
        event.preventDefault();
        alert("can't submit");
      });
    }
  })
}

顺便说一句，确保您的代码在正确的时间运行。在chrome中使用“事件监听器”标签，然后查找“提交”事件。所有提交处理程序都可以在那里停止，调试和调查。