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