1. 程式人生 > 其它 >實現輸入框input只能輸入數字和小數點

實現輸入框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 = "";
        }
    }
};