本方法為驗證文本框的輸入內容,如果輸入的是數字,則提示"√"。否則提示“必填,且只能輸入數字字符”。
在線體驗效果:http:///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/pmedia/jquery/jquery-1.10.2.min.js"></script>
<style>
.inputtips{color:Red;}
</style>
</head>
<body>
<div>
<script type="text/javascript" src="http:///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:///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>