Question

我是编程新手并且还在探索。我只是想问一下如何在JavaScript中编写此验证代码。我的表单中有一个“数量”字段，“剩余数量”字段显示剩余的数量。我想要做的是实时检查，如果用户输入的数量大于“剩余数量”，则应出现错误消息，例如alert()。

如果您要查看，请填写此表单：Screenshot。

Answer 1

你试试这个，它会帮助你我认为

<script>
 function check_qty() {
     var qty=document.getElementById('qty').value;
     var rem_qty=document.getElementById('rem_qty').value;
     if(qty>rem_qty) {
         alert("quantiy exceeds.");
         document.getElementById('qty').value='';
     } 
 }
</script>
<input type="text" name="qty" id="qty" value="" onchange="check_qty();"/>
<input type="text" name="rem_qty" id="rem_qty" value="50"/>

Answer 2

尝试以下代码

<!DOCTYPE html>
<html>
<head>
<script>
function myFunction() {
var x=document.getElementById("Qty").value;
var y=document.getElementById("QtyRemaining").value;
 if(y>x) {
  alert("exceeded the Qty remaining");
  document.getElementById("Qty").value = "";
 }
}
</script>
</head>
<body>

 <input type="text" id="Qty" onBlur="myFunction()">
 <input type="text" id="QtyRemaining" value="2323">
</body>
</html>

Javascript数量验证

2 个答案: