您的位置:首页 > Web前端 > JavaScript

Javascript验证和限制文本框只能输入数字或者小数

2016-05-03 09:28 996 查看
html:

<input type="text" name="number" onkeyup="keyUpNumber(this)" onafterpaste="onafterpasteNumber(this)">
<input type="text" name="money" onkeyup='keyupDecimal(this)'>


Javscript:

//只能输入大于0的正整数
function keyUpNumber(obj){
obj.value=obj.value.replace(/\D/g,'');
}
function onafterpasteNumber(obj){
obj.value=this.value.replace(/\D/g,'');
}
//只能输入数字,并且只能为四位小数点
function keyupDecimal(obj){ // 值允许输入一个小数点和数字
obj.value = obj.value.replace(/[^\d.]/g,""); //先把非数字的都替换掉,除了数字和.
obj.value = obj.value.replace(/^\./g,""); //必须保证第一个为数字而不是.
obj.value = obj.value.replace(/\.{2,}/g,"."); //保证只有出现一个.而没有多个.
obj.value = obj.value.replace(".","$#$").replace(/\./g,"").replace("$#$","."); //保证.只出现一次,而不能出现两次以上
obj.value=obj.value.replace(/^(\-)*(\d+)\.(\d\d\d\d).*$/,'$1$2.$3');//只能输入四个小数
}
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签:  javascript html