jQuery限制文本框只输入数字代码实例

当前位置：首页 > 代码实例 > html5 css3代码分类 > jQuery > jQuery限制文本框只输入数字代码实例

有时候需要限制文本框只能够输入数字，本章节提供一段代码实例供大家参考之用。

代码实例如下:

[ jQuery ] 运行代码下载代码

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>51前端欢迎您</title>
<script src="http://libs.baidu.com/jquery/1.9.0/jquery.js"></script>
<script type="text/javascript">
$(document).ready(function(){
  //敲击按键时触发
  $("#Score").bind("keypress",function(event){
    var getValue = $(this).val();
    //控制第一个不能输入小数点"."
    if (getValue.length == 0 && event.which == 46) {
      event.preventDefault();
      return;
    }
    //控制只能输入一个小数点"."
    if(getValue.indexOf('.') != -1 && event.which == 46) {
      event.preventDefault();
      return;
    }
    //控制只能输入的值
    if(event.which && (event.which < 48 || event.which > 57) && event.which != 8 && event.which != 46){
      event.preventDefault();
      return;
    }
   })
   //失去焦点是触发
   $("#Score").bind("blur", function(event) {
      var value = $(this).val(), reg = /\\.$/;
      if (reg.test(value)) {
       value = value.replace(reg, "");
       $(this).val(value);
      }
   })
})
</script>
</head>
<body>
<input type="text" id="Score" />
</body>
</html>

代码描述：jQuery限制文本框只输入数字。jQuery限制文本框只输入数字代码实例

下载全部收藏

123 163

用户评论

大牛，别默默的看了，快登录帮我点评一下吧！:) 登录 | 注册