希望使用javascript防止文本框变为空

所以我已经有了一个文本框，你只能在其中输入数字，它们必须在一定范围内。文本框默认为1，我想阻止用户将其置为空白。有什么想法吗？伙计们？干杯

                    <SCRIPT language=Javascript>

       window.addEventListener("load", function () {
        document.getElementById("quantity").addEventListener("keyup", function (evt) {
            var target = evt.target;

             target.value = target.value.replace(/[^\d]/, "");
              if (parseInt(target.value, 10) > <%=dvd5.getQuantityInStock()%>) {
                target.value = target.value.slice(0, target.value.length - 1);
           }
        }, false);
              });


               <form action="RegServlet"  method="post"><p>Enter quantity you would  like to purchase :
<input name="quantity" id="quantity" size=15 type="text" value="1" />

addEventListener（“加载”，函数（）{
document.getElementById（“数量”）.addEventListener（“键控”，函数（evt）{
var目标=evt.target；
target.value=target.value.replace（/[^\d]/，“”）；
if（parseInt（target.value，10）>）{
target.value=target.value.slice（0，target.value.length-1）；
}
}，假）；
});
输入您要购买的数量：

---

您可以使用

onkeyup

侦听器检查输入值是否为空。大致如下：

if(target.value == null || target.value === "")
    target.value = 1;
}

当按下

键时保存文本

键入时选中empty，如果为空，则恢复保存的文本，否则更新保存的文本

您可以尝试使用新的

type=“number”

仅强制数字输入

---

参见此

您可以添加一个函数，在文本框失去焦点时验证表单。我在移植了以下代码，但尚未对其进行测试：

document.getELementById("quantity").onblur = function validate() {
    if (document.getElementById("quantity").value == "") {
            alert("Quantity can not be blank");
            document.getElementById("quantity").focus();
        return false;
    }
    return true;
}