本文提供了一段JavaScript代码,用于实现前端输入框的数据验证功能。通过正则表达式限制输入内容,例如仅允许正整数或规范小数点格式,防止非法字符输入。代码包含对输入值的实时替换逻辑,适用于简单的表单校验场景。
JavaScript数据验证代码示例
具体实现代码如下所示:
//input标签只能正数字
<input onkeyup="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") {
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("$#$", ".");
}
上述关于JavaScript数据验证的示例代码分享完毕,旨在为读者提供实用的参考方案。如果您觉得内容有帮助,欢迎继续支持本站获取更多技术分享。