js自定义校验

js校验

1.input 框只能输入数字或小数保留2位

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("$#$", ".");
        obj.value = obj.value.replace(/^(\-)*(\d+)\.(\d\d).*$/, '$1$2.$3');//只能输入两个小数
        if (obj.value.indexOf(".") < 0 && obj.value != "") {//以上已经过滤,此处控制的是如果没有小数点,首位不能为类似于 01、02的金额
            obj.value = parseFloat(obj.value);
        }
    }

调用

onkeyup="clearNoNum(this)"

2.input 框只能输入数字

<input type="text" οnkeyup='this.value=this.value.replace(/\D/gi,"")'/>
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
JS中,我们可以通过自定义校验函数对input元素进行校验。首先,我们需要选取需要校验的input元素,可以通过id、class或其他属性来选取。例如,如果我们要对一个输入框进行校验,可以使用类似下面的代码: ``` let inputElement = document.getElementById('inputId'); ``` 接下来,我们可以为该input元素添加一个事件监听器,监听input事件的触发。这样,每当输入框的内容发生变化时,我们的校验函数就会被调用。在校验函数中,我们可以使用正则表达式或其他逻辑来判断输入是否符合要求。例如,我们可以使用正则表达式来校验输入是否为一个有效的手机号码: ``` inputElement.addEventListener('input', function() { let inputValue = inputElement.value; let phoneRegex = /^1[3456789]\d{9}$/; if (phoneRegex.test(inputValue)) { // 输入符合要求 inputElement.classList.remove('invalid'); inputElement.classList.add('valid'); } else { // 输入不符合要求 inputElement.classList.remove('valid'); inputElement.classList.add('invalid'); } }); ``` 在上面的代码中,我们使用test()方法来检测输入的值是否与手机号码的正则表达式匹配。如果匹配成功,则将输入框的样式设置为valid,否则设置为invalid。 这只是一个简单的示例,实际应用中,我们可以根据需要编写更复杂的校验逻辑。同时,我们还可以在校验函数中添加提示信息、错误处理等内容,以提升用户体验。

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值