javascript - 如何防止在 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 中的“事件监听器”选项卡并查找“提交”事件。所有提交处理程序都可以在那里停止、调试和调查。