jquery只能输入数字方法

snake_hand

浏览: 624734 次

最近访客更多访客>>

u012363178

Netpet_11

tsaowe

zhuxinyu

博主相关

博客

微博

相册

留言

关于我

文章分类

社区版块

存档分类

本方法为验证文本框的输入内容，如果输入的是数字，则提示"√"。否则提示“必填，且只能输入数字字符”。
在线体验效果：http://keleyi.com/keleyi/phtml/zzbds/1.htm

完整代码：
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>jquery只能输入数字--柯乐义</title>
<script type="text/javascript" src="http://keleyi.com/keleyi/pmedia/jquery/jquery-1.10.2.min.js"></script>
<style>
.inputtips{color:Red;}
</style>
</head>
<body>
<div>
<script type="text/javascript" src="http://keleyi.com/kineryi/js/gggg336x280a.js"></script>
</div>
<div>
请输入：<input type="text" id="number_keleyi_com" /><span id="number_keleyi_com_tips" class="inputtips"></span><br /><input value="验证" type="button" />
<br />
如果输入的是数字，则没有提示。否则会弹出提示。
<br />
<a href="http://keleyi.com/a/bjac/tv16sjeb.htm" target="_blank">原文</a>
</div>
<script type="text/javascript">
//验证数字方法，如果输入的是数字，则提示"√"。否则提示“必填，且只能输入数字字符”
//inputid为输入框的id
function IsPositiveIntegra(inputid) {
$("#" + inputid).blur(function () {
$("#" + inputid).val()
var reg_keleyi_com = /^[-+]?\d+$/;
if (reg_keleyi_com.test($("#" + inputid).val())) {
$("#" + inputid + "_tips").text("√");
return true;
}
else {
$("#" + inputid + "_tips").text("必填，且只能输入数字字符");
$("#" + inputid).focus();
return false;
}
})
}

//使用
$(document).ready(
function () {
IsPositiveIntegra("number_keleyi_com"); //使用上面方法验证id为number_keleyi_com的输入框

$("#number_ke"+"leyi_com").focus();

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

本文：http://www.cnblogs.com/jihua/p/inputnumber.html

原文：http://keleyi.com/a/bjac/tv16sjeb.htm

1
顶

4
踩

分享到：

一款jQuery仿海尔官网全屏焦点图特效代码 | 常用JQuery插件整理

2013-08-27 17:48
浏览 1334
评论(5)
分类:编程语言
查看更多

5 楼桃花源记 2013-08-29

这玩意就没必要写那么多吧，直接写一个事件判断不就行了嘛！

<input type="text" onkeydown="if(event.keyCode==13)event.keyCode=9" onkeypress="if ((event.keyCode<48 || event.keyCode>57)) event.returnValue=false" />

4 楼 yizhaorong 2013-08-28

看了一下，可用，不过我的理解只能输入数字应该是在输入框里无法输入像abc这一类的字符，而不是输入完之后再验证

3 楼 laodongbao 2013-08-28

closer13 写道

如果是小数呢？

修改下正则表达式：var reg_keleyi_com = /^[-+]?\d+\.?\d+$/;

2 楼 kjj 2013-08-27

isNaN 即可,其他的都可以忽略!

1 楼 closer13 2013-08-27

如果是小数呢？

发表评论

您还没有登录,请您登录后再发表评论

最近访客更多访客>>

博主相关

文章分类

社区版块

存档分类

最新评论