使用jquery實現input輸入只能是數字,小數


本文是本人在學習過程中從百度上搜索的答案,僅用於自己的學習筆記。

1)<script type="text/javascript">
$("#ipt1").keyup(function () {

//match() 方法可在字符串內檢索指定的值,或找到一個或多個正則表達式的匹配。

// \d:匹配一個數字字符。等價於[0-9]
// 匹配前面的子表達式零次或一次。例如,“do(es)?”可以匹配“do”或“does”。?等價於{0,1}。
var reg = $(this).val().match(/\d+\.?\d{0,10}/);
var txt = '';
if (reg != null) {
txt = reg[0];
}
$(this).val(txt);
}).change(function () {
//當元素的值發生改變時,會發生 change 事件。
$(this).keypress();
//當按鈕被按下時,會發生該事件。它發生在當前獲得焦點的元素上。
var v = $(this).val();
//test() 方法用於檢測一個字符串是否匹配某個模式.
// "$"表示字符結尾。如:/^abc$/表示以c結束的字符。
//substr() 方法可在字符串中抽取從 start 下標開始的指定數目的字符。
if (/\.$/.test(v))
{
$(this).val(v.substr(0, v.length - 1));
}
});
</script>

2) onkeyup 事件會在鍵盤按鍵被松開時發生,onkeyup +onafterpaste 限制文本框只能輸入數字

execCommand('Undo')是對表單進行撤銷動作

<input type="text" class="form-control" id="ipt1"  onkeyup="if(isNaN(value))execCommand('undo')" onafterpaste="if(isNaN(value))execCommand('undo')"/>

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM