jquery 如何限制 input框 只能输入正整数

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了jquery 如何限制 input框 只能输入正整数相关的知识,希望对你有一定的参考价值。

<html>
<head>
<title>只能输入正整数</title>
</head>
<body>
兑换数量:<input type="text" ID="txtNumber" Width="50px" onkeyup="if(this.value.length==1)this.value=this.value.replace(/[^1-9]/g,'')elsethis.value=this.value.replace(/\D/g,'')"
onafterpaste="if(this.value.length==1)this.value=this.value.replace(/[^1-9]/g,'0')elsethis.value=this.value.replace(/\D/g,'')" />
<input type="button" ID="btn1" value=" 兑 换 " OnClick='return confirm("确定兑换?");' />
</body>
</html>
参考技术A <!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>表单</title>
<script src="jquery-1.8.0.min.js"></script><!--测试时请先引入本地jq库-->
<script>
$(function()
var inp = $('#inp');
inp.blur(function()
var inpVal = inp.val();
if(!isNaN(inpVal)&&inpVal>0)
alert(inpVal)

else
alert('请输入正整数')

)
)
</script>
</head>
<body>
<input type="text" id="inp">
</body>
</html>追问

大神,谢谢您的热心解答!

参考技术B 用enevt.keyCode可以不?keyCode在96到105值是数字,不知道你想怎么做?还是想用正则表达式写?追问

大神,要正则来验证啊。
谢谢您的热心解答!

jquery如何实现文本框输入内容超过长度不允许输入

这段jquery代码可以保持一个文本框输入的同时另外一个文本框与之同步:

var $inputs = $(".example-input");======$inputs.keyup(function(============$inputs.val($(this).val()););

jQuery是一个快速、简洁的JavaScript框架,是继Prototype之后又一个优秀的JavaScript代码库(或JavaScript框架)。jQuery设计的宗旨是“write Less,Do More”,即倡导写更少的代码,做更多的事情。它封装JavaScript常用的功能代码,提供一种简便的JavaScript设计模式,优化HTML文档操作、事件处理、动画设计和Ajax交互。

jQuery的核心特性可以总结为:具有独特的链式语法和短小清晰的多功能接口;具有高效灵活的css选择器,并且可对CSS选择器进行扩展;拥有便捷的插件扩展机制和丰富的插件。jQuery兼容各种主流浏览器,如IE 6.0+、FF 1.5+、Safari 2.0+、Opera 9.0+等。

参考技术A 你可以直接修改输入框的属性maxlength。比如
<input type="text" maxlength="5"/>
如果你一定要使用jquery改变的话,那就改变元素的属性。
比如有这么一个元素
<input type="text" id="txt1" />
那么使用jquery可以用
$("txt1").attr(maxlength:"5");
来设置!
参考技术B 使用onkeyup和onkeydown事件追问

您能详细的解释一下吗?

追答

function check(obj)
var value = $(obj).val();
var length = value.length;
//假设长度限制为10
if(length>10)
//截取前10个字符
value = value.substring(0,10);
alert(length);
$(obj).attr("value",value);



楼上的回答是使用的输入框的属性来做的,也是可行的。我这个可以在JS里面增加代码来提示用户。

本回答被提问者采纳

以上是关于jquery 如何限制 input框 只能输入正整数的主要内容,如果未能解决你的问题,请参考以下文章

如何使用JS通过正则限制input输入框只能输入整数,小数两位小数

JQUERY 一个文本框,限制只能输入百分比或者货币类型

使用jquery如何限制输入框输入数字范围在20到30之间

如何限制用户只能输入0-50的数字

jQuery实现限制input框 textarea文本框输入字符数量的方法

用C++或者C如何实现限制输入的只能是数字,其余类型的直接退出