jquery里面怎么编,输入只能是0-100?

$(document).ready(function(){$("#txtboxToFilter").keydown(function(e){//Allow:backspa... $(document).ready(function() {
$("#txtboxToFilter").keydown(function (e) {
// Allow: backspace, delete, tab, escape, enter and .
if ($.inArray(e.keyCode, [46, 8, 9, 27, 13, 110, 190]) !== -1 ||
// Allow: Ctrl+A
(e.keyCode == 65 && e.ctrlKey === true) ||
// Allow: home, end, left, right
(e.keyCode >= 35 && e.keyCode <= 39)) {
// let it happen, don't do anything
return;
}
// Ensure that it is a number and stop the keypress
if ((e.shiftKey || (e.keyCode < 48 || e.keyCode > 57)) && (e.keyCode < 96 || e.keyCode > 105)) {
e.preventDefault();
}
});
});
展开
 我来答
lxb563859671
2014-10-06
知道答主
回答量:7
采纳率:0%
帮助的人:5.5万
展开全部
//不需要绑定键盘也不需要使用正则
$(function(){
    $("#txtboxToFilter").keydown(function(){
        var me  = $(this),
            //强制转换成数字,避免输入数字外的其他字符
            int = parseInt(me.val());
            
        //小于0则强制输入0
        if (int < 0) {
            me.val(0);
        } 
        //大于100则强制输入100
        else if (int > 100) {
            me.val(100);
        }
    });
});
已赞过 已踩过<
你对这个回答的评价是?
评论 收起
欢欢乐乐小萌新
推荐于2018-04-07 · TA获得超过113个赞
知道答主
回答量:88
采纳率:100%
帮助的人:35万
展开全部
<!DOCTYPE HTML>
<html>
<head>
<title> New Document </title>
</head>
<body>
<input type="text" id="input" name="num" min="0" max="100" maxlength="3" required="required" />
<script type="text/javascript">
document.getElementById("input").addEventListener('keydown', function(e) {
var oldnum=parseInt(document.getElementById("input").value);
if (e.keyCode >= 48 && e.keyCode <= 57) {
var oldnum=document.getElementById("input").value;
var num = e.keyCode - 48;
var v = oldnum.toString() + num;
v = parseInt(v);
if (v < 0 || v > 100) {
alert('不在范围之内');
document.getElementById("input").value=oldnum;
e.preventDefault();
} else {
return true;
}
}else{
if(e.keyCode!=8){
document.getElementById("input").value=oldnum;
e.preventDefault();
return false;
}

}
});
</script>
</body>
</html>

遵循html5规则,兼容其他的

已赞过 已踩过<
你对这个回答的评价是?
评论 收起
百度网友485dc0f
推荐于2016-02-23 · TA获得超过860个赞
知道小有建树答主
回答量:381
采纳率:100%
帮助的人:324万
展开全部

直接获取到值判断是否满足条件就行了,用正则比这麻烦。

<html>
 <head>
  <title> New Document </title>
<script type="text/javascript" src="http://ajax.aspnetcdn.com/ajax/jQuery/jquery-1.8.0.js"></script>
<script type="text/javascript">
$(document).ready(function(){
$("#btn").click(function(){
var v = $("#input").val();
if(v<0 || v > 100){
alert("Out of range");
}
});
});
</script>
 </head>
 <body>
<input type="text" name=""id = "input"/><input type="button" value="Test" id = "btn">
 </body>
</html>
本回答被提问者和网友采纳
已赞过 已踩过<
你对这个回答的评价是?
评论 收起
qkqqqqkqqqa13d6
2014-10-03 · TA获得超过477个赞
知道小有建树答主
回答量:267
采纳率:66%
帮助的人:38.9万
展开全部
这个应该用正则表达式,否则太罗嗦
已赞过 已踩过<
你对这个回答的评价是?
评论 收起
收起 更多回答(2)
推荐律师服务: 若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询

为你推荐:

下载百度知道APP,抢鲜体验
使用百度知道APP,立即抢鲜体验。你的手机镜头里或许有别人想知道的答案。
扫描二维码下载
×

类别

我们会通过消息、邮箱等方式尽快将举报结果通知您。

说明

0/200

提交
取消

辅 助

模 式