检查表单提交上的空字段

Question

我创建了一个eshop。 我输入了“数量”的输入字段，当我点击提交按钮时，产品将被添加到我的购物篮中。但是如果我按下提交按钮并清空数量字段，它会将我重定向到空白页面。

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

javascript新功能，提前致谢！

Answer 1

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

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

Answer 2

2017年和Html 5，我相信你会发现：

<input name="quantity" required>

给出你想要的东西。或者甚至可能：

<input name="quantity" type="number" min="1" required>

Answer 3

如果输入框为空，则此代码不会提交表单;

<input type="submit" onclick="return checkEmpty()">

不要忘记在return之前放置checkEmpty()

JS

function checkEmpty() {
var valueofId=document.getElementById("myField").value;
if (!valueofId) {
        return false;
    }
}

Answer 4

表单的提交执行javascript方法，使用document.getElementById（''）。value检查字段是否输入了值。如果没有价值回报。

前：

var x=document.getElementById('<your_id>').value;
if (x==null || x=="")
  {
    return false;
// redirect to where you want
  }

HTH