JS控制输入框,输入正确的价格

时间:2023-03-09 15:52:54
JS控制输入框,输入正确的价格

在HTML中,验证输入内容的正确性是提高用户体验的一方面,同时也是初步保证了数据的来源的正确性。

下面是一个常用的控制输入正确的价格的JS代码

function clearNoNum(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("$#$", ".");
}

调用方式:

<input id="txt" value="" style="width:80px;" onkeyup="clearNoNum(this);"/>