請在后臺配置參數,參數名稱:topads
前端開發 HTML5 CSS3 HTML CSS JavaScript jQuery Bootstrap

JS實現限制Input只能輸入數字

JavaScript HTML我幫您 1年前  5479次瀏覽
JS實現限制Input只能輸入數字在onkeyup中做驗證。

1

其中那個 Style 是在 IE 瀏覽器下有效用的,可以讓使用者無法在這文字方塊內使用輸入法。
而onkeyup 則是我們自己寫的 js 啦,完整的 Code 在下面。

驗證只能輸入數字
function ValidateNumber(e, pnumber){
if (!/^\d+$/.test(pnumber)){
$(e).val(/^\d+/.exec($(e).val()));
}
return false;
}



demo 是利用 Regex 來將不屬于數字的過濾掉。
function ValidateFloat(e, pnumber){

if (!/^\d+<.>?\d*$/.test(pnumber)){

$(e).val(/^\d+<.>?\d*/.exec($(e).val()));

}

return false;

}



純 javascript 的版本實現Input 只能輸入數字



只能輸入數字(純 javascript)

function ValidateNumber(e, pnumber){

if (!/^\d+$/.test(pnumber)){

e.value = /^\d+/.exec(e.value);}

return false;

}



可以輸入小數(純 javascript)

function ValidateNumber(e, pnumber)
{
if (!/^\d+<.>?\d*$/.test(pnumber))
{
e.value = /^\d+<.>?\d*/.exec(e.value);
}
return false;
}


想要限制只有小數點後一位就好,因此再來小改一下其實重點只有RegExp要改而已

function ValidateFloat2(e, pnumber)
{
if (!/^\d+<.>?<1-9>?$/.test(pnumber))
{
e.value = /\d+<.>?<1-9>?/.exec(e.value);
}
return false;
}



如果你是用萬惡的IE那當你一開始就輸入非數字的時候就會送你一個討厭的null因此也要過濾掉

if (!/^\d+$/.test(pnumber))
{
var newValue = /^\d+/.exec(e.value);
if (newValue != null)
{
e.value = newValue;
}
else
{
e.value = "";
}
}
return false;

JS判斷只能是數字和小數點
1.文本框只能輸入數字代碼(小數點也不能輸入)

2.只能輸入數字,能輸小數點.


3.數字和小數點方法二

4.只能輸入字母和漢字

5.只能輸入英文字母和數字,不能輸入中文

6.只能輸入數字和英文chun

7.小數點后只能有最多兩位(數字,中文都可輸入),不能輸入字母和運算符號:

8.小數點后只能有最多兩位(數字,字母,中文都可輸入),可以輸入運算符號:

只能是數字和小數點和加減乘際
onkeypress="return event.keyCode>=4&&event.keyCode<=57"

發表評論

2017怎样手机上赚钱