實現輸入框input只能輸入數字和小數點


只允許輸入數字(整數:小數點不能輸入)

<input type="text" οnkeyup="value=value.replace(/[^\d]/g,'')" >

允許輸入小數(一位小數)

<input type="text" οnkeyup="value=value.replace(/^\D*(\d*(?:\.\d{0,1})?).*$/g,'$1')" >

允許輸入小數(兩位小數)

<input type="text" οnkeyup="value=value.replace(/^\D*(\d*(?:\.\d{0,2})?).*$/g,'$1')" >

允許輸入小數(四位小數)

<input type="text" οnkeyup="value=value.replace(/^\D*(\d*(?:\.\d{0,4})?).*$/g,'$1')" >

開頭不能為0,且不能輸入小數

<input type="text" οnkeyup="value=value.replace(/[^\d]/g,'').replace(/^0{1,}/g,'')" >

  

 

 

 

第二種  javascript 處理

<input type="text" name="name" value="0" onkeyup="checkNum(this)" />


function checkNum(obj) {
    //檢查是否是非數字值
    if (isNaN(obj.value)) {
        obj.value = "";
    }
    if (obj != null) {
    //檢查小數點后是否對於兩位
        if (obj.value.toString().split(".").length > 1 && obj.value.toString().split(".")[1].length > 2) {
        alert("小數點后多於兩位!");
        obj.value = "";
        }
    }
};

  


免責聲明!

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



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