检查表单提交中的空白字段

Question

我已经创建了一个网上商店。我输入了“数量”输入字段，当我单击“提交”按钮时，产品将添加到我的购物篮中。但是，如果我按下“提交”按钮时，“数量”字段为空，它将把我重定向到一个空白页面。

因此，我想在表单提交中附加一个事件，以便在数量字段为空时不执行任何操作。

javascript新功能，在此先感谢！

Answer 1

document.getElementById("formId").onsubmit = function () {
    if (!document.getElementById("myField").value) {
        return false;
    }
}

这将捕获您的表单的提交操作，并验证给定的字段不为空。返回false将中断表单提交。也可以通过将事件参数传递给函数，然后使用来完成此操作e.preventDefault()。