为什么onsubmit="“这么慢？

Question

我首先用的是这个：

HTML：

<form onsubmit="return validate()">
    ...
    <input type="submit" id="submit-button"/>
</form>

联署材料：

function validate() {
    // many lines for a big validation with regex and so on...
    $('form').submit();
}

我注意到，加载时间很长，所以我把它改为：

HTML：

<form>
    ...
    <input type="submit" id="submit-button"/>
</form>

联署材料：

function validate() {
    // many lines for a big validation with regex and so on...
        $('form').submit();
    }

    $('#submit-button').on('click', function(e) {
        e.preventDefault();
        validate();
});

和加载时间是好的，大约快了100倍！

有人能给我一个简短的答案吗？

Answer 1

在第一个示例中，在submit回调中触发一个submit事件，然后调用堆栈超过[见小提琴]。

第二个例子依赖于一个click事件，所以事情似乎是可行的，但是您应该在验证之后通过ajax启动HTTP调用。

Answer 2

您的函数名为validate()，但我没有看到任何验证，只是一个submit事件。问题是，你设置的方式是错误的。validate()应该返回true/false，所以表单知道它是否应该继续。因此，您的验证函数应该更像这样：

function validate() {
  //many lines for a big validation with regex and so on...
  if (val=='') { return false; }
  else { return true; }
}

现在，只有当validate()函数返回true时，表单才会提交，否则，它将不会继续。这会解决你的问题，所以你不会被圈出来。