Javascript：onSubmit函数在函数完成之前提交表单？

Question

我问这个问题是因为我自己完全迷失了，需要一双新的眼睛。

提交连接的 HTML 表单时成功调用以下 JavaScript 函数。该函数启动，并运行前两个 if 语句（如果返回 false，则停止提交）。

然后，第一个测试alert“before”出现，然后表单提交，完全错过了函数的其余部分。在测试时，我将最后一行更改为返回 false，以便无论发生什么情况，函数都应该返回 false，但表单仍然提交。

function validateForm(form)
{
    // declare variables linked to the form
    var _isbn = auto.isbn.value;
    var _idisplay = auto.isbn.title;
    var _iref = "1234567890X";
    // call empty string function
    if (EmptyString(_isbn,_idisplay)==false) return false;
    // call check against reference function
    if (AgainstRef(_isbn,_iref,_idisplay)==false) return false;
    // call check length function
    alert("before");///test alert

    ////// FORM SUBMITS HERE?!? /////////////

    if (AutoLength(_isbn)==false) return false;
    alert("after");///test alert
    // if all conditions have been met allow the form to be submitted
    return true;
}

---

编辑：这就是 AutoLength 的样子：

function AutoLength(_isbn) {
    if (_isbn.length == 13) {
        return true; {
    else {
        if (_isbn.length == 10) {
            return true; {
        else {
            alert("You have not entered a valid ISBN10 or ISBN13. Please correct and try again.");
            return false;
        }
    }

Answer 1

您的 AutoLength 实现存在错误。目前，它看起来像这样：

function AutoLength(_isbn) {
    if (_isbn.length == 13) {
        return true; { // <------ incorrect brace
    else {
        if (_isbn.length == 10) {
            return true; { // <------ incorrect brace
        else {
            alert("You have not entered a valid ISBN10 or ISBN13. Please correct and try again.");
            return false;
        }
    }

看看它如何不关闭所有块？那是因为您在两个地方使用了错误的大括号，并且忘记了关闭该函数。

您可以像这样重写该函数：

function AutoLength(_isbn) {
    return _isbn.length === 13  || _isbn.length === 10;
}

如果您一心想要使用 alert，您可以在 validateForm 中执行此操作（尽管我会尝试找到更多用户-显示错误消息的友好方式）。

将来，当您尝试调试代码时，可以使用 try 和 catch 来“捕获”发生的错误，例如这：

try {
    if (false === AutoLength(_isbn)) {
        return false;
    }
} catch (e) {
    alert('AutoLength threw an error: '+e.message);
}

Answer 2

如果函数的执行因运行时错误而终止，则表单将提交。因此，请检查脚本控制台日志中的错误消息。