DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁腳本 >> JavaScript入門知識 >> jQuery入門知識 >> JQuery特效代碼 >> jQuery控制輸入框只能輸入數值的小例子
jQuery控制輸入框只能輸入數值的小例子
編輯:JQuery特效代碼     
. 代碼如下:
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Test</title>
<script type="text/javascript" src="jQuery/jquery-1.5.2.js"></script>
</head>
<script type="text/javascript">
$(document).ready(function() {
//敲擊按鍵時觸發
$("#Score").bind("keypress", function(event) {
var getValue = $(this).val();
//控制第一個不能輸入小數點"."
if (getValue.length == 0 && event.which == 46) {
event.preventDefault();
return;
}
//控制只能輸入一個小數點"."
if (getValue.indexOf('.') != -1 && event.which == 46) {
event.preventDefault();
return;
}
//控制只能輸入的值
if (event.which && (event.which < 48 || event.which > 57) && event.which != 8 && event.which != 46) {
event.preventDefault();
return;
}
})
//失去焦點是觸發
$("#Score").bind("blur", function(event) {
var value = $(this).val(), reg = /\.$/;
if (reg.test(value)) {
value = value.replace(reg, "");
$(this).val(value);
}
})
});
</script>
<body>
<input type="text" id="Score" />
</body>
</html>
XML學習教程| jQuery入門知識| AJAX入門| Dreamweaver教程| Fireworks入門知識| SEO技巧| SEO優化集錦|
Copyright © DIV+CSS佈局教程網 All Rights Reserved