如何在 JavaScript 中停止表单提交并返回上一页？

在 JavaScript 中停止表单提交

尝试使用 JavaScript 函数验证表单并返回上一页时，您可能会遇到尽管您有意图，但提交仍然发生的问题。这是一个常见问题，可以通过几个简单的步骤来解决。

原始问题中提到的一种方法是在表单验证失败时调用名为 returnToPreviousPage() 的函数。但是，如果立即提交表单，则此函数可能没有机会执行。

为了防止这种情况，您可以在传递给 JavaScript 函数的事件对象上使用 PreventDefault() 方法。此方法将停止事件的默认操作，在本例中是表单提交。

以下示例说明了如何将 PreventDefault() 与 returnToPreviousPage() 函数一起使用：

<form onsubmit="event.preventDefault(); returnToPreviousPage();">
    ...
</form>

或者，您可以使用 JavaScript 函数的返回值来控制表单提交。如果您的验证函数返回 false，则表单将不会提交。

function validateMyForm() {
    // Perform validations
    if (all validations pass) {
        return true;
    } else {
        alert("Validation failed");
        returnToPreviousPage();
        return false;
    }
}

如果您在实现上述建议后仍遇到阻止表单提交的问题，您可以尝试将事件对象的 returnValue 属性设置为 false 。旧版本的 Chrome 支持此方法。

function validateMyForm() {
    // Perform validations
    if (all validations pass) {
        return true;
    } else {
        alert("Validation failed");
        event.returnValue = false;
        return false;
    }
}

通过实现这些技术，您可以在验证失败时有效停止表单提交并返回上一页，确保流畅且人性化的体验。

以上是如何在 JavaScript 中停止表单提交并返回上一页？的详细内容。更多信息请关注PHP中文网其他相关文章！