菜鸟教程 tryjs_form_validate_number 在线代码实例

运行 保存 全屏 右侧展示 实时查看
主题:

 <form name="myForm" action="demo_form.asp" onsubmit="return validateForm();" method="post"> 
    <strong>请输入1到10之间的数字:</strong>
    <input id="number">
    <button type="button" onclick="myFunction()">提交</button>
  </form>

  <script type="text/javascript">
    function myFunction() {


      var x = document.getElementById("number").value;//获取id="number"的值
      //如果输入的值 x 不是数字或者小于 1 或者大于 10,则提示错误
      if (isNaN(x) || x < 1 || x > 10) {
        alert("您输入有误,请输入1到10之间的数字!!!");
        return false;
      } else {
        alert("您输入正确");
        return true;
      }
    }

  </script>