jQuery控制輸入框只能輸入數(shù)值的小例子
更新時間：2013年03月20日 11:42:07 作者：
jQuery控制輸入框只能輸入數(shù)值的小例子，需要的朋友可以參考一下
復制代碼 代碼如下:
<!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();
//控制第一個不能輸入小數(shù)點"."
if (getValue.length == 0 && event.which == 46) {
event.preventDefault();
return;
}
//控制只能輸入一個小數(shù)點"."
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)瀏覽器之間跳轉并傳遞參數(shù)功能【支持中文字符】
這篇文章主要介紹了jQuery實現(xiàn)瀏覽器之間跳轉并傳遞參數(shù)功能,具有支持中文字符傳輸?shù)墓δ?涉及jQuery編碼轉換、事件響應、頁面跳轉等相關操作技巧,需要的朋友可以參考下2018-03-03
用JQUERY疊加兩個INPUT框來實現(xiàn)登陸中需要輸入的用戶名、密碼來實現(xiàn)提示與用戶的輸出，使用jquery在一個INPUT框中即可實現(xiàn)2014-01-01
jQuery實現(xiàn)遍歷XML節(jié)點和屬性的方法示例
這篇文章主要介紹了jQuery實現(xiàn)遍歷XML節(jié)點和屬性的方法,涉及jQuery針對xml文件的加載、節(jié)點遍歷等相關操作技巧,需要的朋友可以參考下2018-04-04
本文用代碼的方式詳細講解了jQuery的DOM操作,具體操作方法請詳細參看代碼中的注釋部份2014-03-03
如果您想繼續(xù)使用原先的$()，同時還需要與別的類庫不沖突的話，下面由兩種方法，有類似需求的朋友可以參考下，希望對大家有所幫助2013-09-09
下面小編就為大家?guī)硪黄钊肜斫鈐Query中的事件冒泡。小編覺得挺不錯的，現(xiàn)在分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2016-05-05
這篇文章主要介紹了jquery實現(xiàn)可拖拽彈出層特效,代碼非常精簡，效果非常棒，這里推薦給有需要的小伙伴2015-01-01
Jquery attr("checked") 返回checked或undefined 獲取選中失效
$('#cb').attr('checked'); 返回的是checked或者是undefined，不是原來的true和false了，有關此問題的解決方法如下，感興趣的朋友可以參考下2013-10-10
本文將介紹基于jquery庫的tab新形式使用,需要的朋友可以參考下2012-11-11
select的美化在之前的文章中也有介紹過，在本文將為大家介紹下使用css配合jquery美化select，感興趣的朋友可以參考下2013-11-11