javascript - 防止提交非数字字段的表单

Question

我正在尝试设置表单验证 - 这有效 - 但仅适用于奇数，如果您输入偶数，例如部件号 TEST 和数量 2 然后会出现警报，如果您输入数量 3 然后表格将提交。有什么想法吗？

Javascript

<script type="text/javascript">
function allnumeric(inputtxt)
   {
      var numbers = /^[0-9]+$/;
      if(form2.qty.value.match(numbers) & (form2.product.value != ""))
      {
      return true;
      }
      else
      {
      alert('Please input numeric characters only or fill in the product field')
      {
      return false;
      }
   }  
   }
</script>

表单

<form id="form2" name="form2" method="post" action="booking-printlabel2.asp?insert=yes" onsubmit="return allnumeric()">


                <input name="product" type="text" id="product" style="height:55px;font-size:30pt;" size="10"/>


                <input name="qty" type="text" id="qty" style="height:55px;font-size:30pt;" size="3"/>


          <input type="submit" name="Print Labels2" id="Print Labels2" value="Print Labels" style="height:55px;font-size:30pt;"/>

    </form>

谢谢大家 - 这是打字错误，if(form2.qty.value.match(numbers) & (form2.product.value != "")) 更改为 if(form2.qty.value.match (numbers) && (form2.product.value != "")) 现在可以使用了。

Answer 1

假设您的目标是 html5:

<input name="qty" type="number" id="qty" style="height:55px;font-size:30pt;"/>

或者如果你真的想要 type="text":

<input name="qty" type="text" id="qty" pattern="\d+" style="height:55px;font-size:30pt;"/>

还有，你打错了:

if(form2.qty.value.match(numbers) & (form2.product.value != ""))

应该是

if(form2.qty.value.match(numbers) && (form2.product.value != ""))