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();
}
});
}); 展开
$("#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();
}
});
}); 展开
展开全部
//不需要绑定键盘也不需要使用正则
$(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);
}
});
});
已赞过
已踩过<
评论
收起
你对这个回答的评价是?
展开全部
<!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规则,兼容其他的
已赞过
已踩过<
评论
收起
你对这个回答的评价是?
展开全部
直接获取到值判断是否满足条件就行了,用正则比这麻烦。
<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>
本回答被提问者和网友采纳
已赞过
已踩过<
评论
收起
你对这个回答的评价是?
展开全部
这个应该用正则表达式,否则太罗嗦
已赞过
已踩过<
评论
收起
你对这个回答的评价是?
推荐律师服务:
若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询