DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁腳本 >> JavaScript入門知識 >> jQuery入門知識 >> JQuery常見問題 >> jquery只能輸入數字方法
jquery只能輸入數字方法
編輯:JQuery常見問題     
本方法為驗證文本框的輸入內容,如果輸入的是數字,則提示"√"。否則提示“必填,且只能輸入數字字符”。
在線體驗效果: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>
XML學習教程| jQuery入門知識| AJAX入門| Dreamweaver教程| Fireworks入門知識| SEO技巧| SEO優化集錦|
Copyright © DIV+CSS佈局教程網 All Rights Reserved