jQuery控制輸入框只能輸入數值的小例子
更新時間:2013年03月20日 11:42:07 作者:
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() {
//敲擊按鍵時觸發(fā)
$("#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;
}
})
//失去焦點是觸發(fā)
$("#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>
相關文章
基于jquery實現(xiàn)圖片相關操作(重繪、獲取尺寸、調整大小、縮放)
這篇文章主要介紹了基于jquery實現(xiàn)圖片相關操作,包括圖片重繪、圖片獲取尺寸、圖片調整大小、圖片縮放,感興趣的小伙伴們可以參考一下2015-12-12jquery的clone方法應用于textarea和select的bug修復
textarea和select的值clone的時候會丟掉,在clone的時候將val再重新賦值一下,如果知道這個了就加單了2014-06-06利用jquery實現(xiàn)驗證輸入的是否是數字、小數,包含保留幾位小數
本文主要介紹了利用jquery實現(xiàn)驗證輸入的是否是數字、小數,包含保留幾位小數,代碼清晰,容易理解。有需要的朋友可以參考下2016-12-12