前端开发 HTML5 CSS3 HTML CSS JavaScript jQuery Bootstrap

JS实现限制Input只能输入数字

JavaScript HTML我帮您 1年前  0次浏览
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"

发表评论