如何防止在 ClickFunnels 上提交表单

Question

我正在研究 ClickFunnels。 我正在通过 http 请求方法使用 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 中的“事件侦听器”选项卡并查找“提交”事件。 所有提交处理程序都可以在那里停止、调试和调查。