JavaScript中获取文本框数据的方法

最新推荐文章于 2025-09-30 08:44:25 发布

原创最新推荐文章于 2025-09-30 08:44:25 发布 · 3.4k 阅读

7 ·

CC 4.0 BY-SA版权

文章标签：

#html #javascript

本文介绍了一个使用JavaScript实现的页面跳转脚本，该脚本通过获取文本框中的页码值并进行有效性验证，确保页码为数字且在合理范围内，然后执行页面跳转。代码展示了如何使用getElementById来获取DOM元素的值。

<script type="text/javascript">
       function JumpToPage(){
         <!-- 获取id为pageNumber的文本框数据 -->
         var pageNumber = document.getElementById("pageNumber").value;
      
         <!-- 判断是否为空 -->
         if(pageNumber.toString()!=""){
          if(!isNaN(pageNumber)){//判断输入是否是数字
             if(pageNumber>${pageInfo.pages} || pageNumber<1){//判断数字的范围是否符合要求
                window.alert("页数超出范围");
              }
              else{
                  javascript:window.location.href='emps?pageNumber='+pageNumber.toString();
              }
          }
          else{
             window.alert("不能带有字符");
          } 
         }
         else{
             window.alert("请输入页码");
         }
       }
          
</script>

<body>
    <input type="text" id="pageNumber" style="width:50px; height:20px;"/> 
    <button onClick="JumpToPage()">跳转</button>

</body>