本方法为验证文本框的输入内容，如果输入的是数字，则提示"√"。否则提示“必填，且只能输入数字字符”。
在线体验效果：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>
jquery只能输入数字方法
最新推荐文章于 2020-07-06 14:14:03 发布
944
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
