首頁 > 常見問題 > jquery如何實現只能數字和小數點輸入

jquery如何實現只能數字和小數點輸入

尊渡假赌尊渡假赌尊渡假赌
發布: 2023-05-29 10:34:32
原創
1784 人瀏覽過

jquery實作只有數字和小數點輸入的操作方法:1、建立html範例檔;2、在head標籤中引入jQuery檔;3、使用「 $("輸入框").keypress() ”語法,來監聽鍵盤,只允許小數點和數字輸入;4、通過正則表達式,匹配“/D|^0/g”,“/[^0-9.]/g”替換即可。

jquery如何實現只能數字和小數點輸入

本教學作業系統:Windows10系統、jQuery3.6.0版本、Dell G3電腦。

jquery實作只有數字和小數點輸入的操作方法:

1、在html中引用jQuery檔:

<!DOCTYPE html>
<html>
 <head>
<script src="http://libs.baidu.com/jquery/2.0.0/jquery.js"></script>
</head>
</html>
登入後複製

2、使用「.keypres()」方法控制class為checkNum的文字方塊只能輸入數字和小數點:

//监听键盘,只允许输入数字和小数点
$(".checkNum").keypress(function(event) {
var keyCode = event.which;
if (keyCode == 46 || (keyCode >= 48 && keyCode <=57) || keyCode == 8)//8是删除键
return true;
else
return false;
}).focus(function() {
this.style.imeMode=&#39;disabled&#39;;
});
登入後複製

3、透過正規表示式來處理:

/*JQuery 限制文本框只能输入数字和小数点*/
$(".NumDecText").keyup(function(){
$(this).val($(this).val().replace(/[^0-9.]/g,&#39;&#39;));
}).bind(
"paste",function(){
$(this).val($(this).val().replace(/[^0-9.]/g,&#39;&#39;)); 
//粘贴的不是数字,则替换为&#39;&#39;    //或 return false; 禁用粘贴功能})
.css("ime-mode", "disabled"); 
//CSS设置输入法不可用
登入後複製

以上是jquery如何實現只能數字和小數點輸入的詳細內容。更多資訊請關注PHP中文網其他相關文章!

相關標籤:
來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板