随笔分类

随笔档案

相册

最新评论

1. Re:留言列表模板HTML代码
1
--让星星跟你道晚安
2. Re:程序员用HTML5制作的爱心树表白动画
@一梦逍遥3 换一个Html...
--剑起苍穹
3. Re:程序员用HTML5制作的爱心树表白动画
@剑起苍穹我也是这样，不知道怎么解决...
--一梦逍遥3
4. Re:Web前端资源汇总
推荐：2021年百度大牛亲授最详细、最全面的前端视频教程：
--码农农农
5. Re:Web前端资源汇总
《JavaScript设计模式》作者张容铭讲解2021年史上最全前端教程免费分享，需要的私聊
--CLH_zza

jquery只能输入数字方法

本方法为验证文本框的输入内容，如果输入的是数字，则提示"√"。否则提示“必填，且只能输入数字字符”。
在线体验效果：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>