//input标签只能正数字
<input οnkeyup="this.value=this.value.replace(/[^1-9]/g,'')" >
//只能输入正整数
function CheckNum(thisobj) {
if (thisobj.value == "0") {
} else {
var firstNum = thisobj.value.toString().substring(0, 1);
if (thisobj.value.length==1) {
thisobj.value = thisobj.value.replace(/[^0-9]/g, '');
}else if (thisobj.value.length > 1 && firstNum == "0") {
thisobj.value = "0";
} else if (thisobj.value.length > 1) {
thisobj.value = thisobj.value.replace(/[^0-9]/g, '')
}
}
}
//只能输入金额
function ClearNoNum(obj) {
if (obj.value == "0") {
} else {
var firstNum = obj.value.toString().substring(0, 1);
if (obj.value.length > 1 && firstNum == "0") {
var second = obj.value.toString().substring(1, 2);
if (second=="0") {
obj.value="0";
}
}
}
//先把非数字的都替换掉,除了数字和.
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("$#$", ".");
}
将方法用到以下事件
onpropertychange="ClearNoNum(this)" οninput="ClearNoNum(this)"
说明:
onpropertychange事件是实时触发,每增加或删除一个字符就会触发,通过js改变也会触发该事件,但是该事件是IE专有。
2. oninput事件与onpropertychange事件的区别:
oninput事件是IE之外的大多数浏览器支持的事件,在value改变时实时触发,但是通过js改变value时不会触发;onpropertychange事件是任何属性改变都会触发,而oninput却只在value改变时触发,oninput要通过addEventListener()来注册,onpropertychange注册方法与一般事件相同。
3. oninput与onpropertychange失效的情况:
oninput事件:
(1)当脚本中改变value时,不会触发;
(2)从浏览器的自动下拉提示中选取时,不会触发;
onpropertychange事件:
当input设置为disable=true后,不会触发。