文本框正则判断的两种写法

这里讲两种文本框的正则表达式的判断方法,这两种方法达到的效果和目的是一样的,只是代码的写法不一样。
下面讲两个文本框,一个是姓名,另一个是证件号,姓名的正则是判断中文的,证件号的正则是判断身份证的。
在这里插入图片描述
在这里插入图片描述
接着就是写判断的触发条件了,姓名的正则判断触发条件这里写了两个,可能很多人不理解,这就涉及到代码的严谨性了。onkeyup事件是当用户放松按键时触发,这个触发条件方便我们实时看到我们输入的内容是否有误,如果有误就替换掉刚刚输入的内容,替换成空也就是清除了。但为什么还有个onchange事件呢?其实用onkeyup事件时,我们在输入内容时先输入到输入法然后再按回车键输入文本框,这时就没办法触发到onkeyup事件从而没有进行正则判断。而onchange事件是在元素值改变时触发,用在文本框时是当光标离开文本框时触发,也就是可以在输入完成之后执行其他操作时触发,这里的正则判断是一样的,只是onchange事件触发判断有误时会弹出警告框进行提示。可以只用onchange事件来完成正则判断。这是第一种写法。
在这里插入图片描述
第二种写法是在事件触发时调用方法。
在这里插入图片描述
在这个方法之前写好需要判断的正则表达式,然后获取文本框的值再执行正则判断如果有误就弹出警告框进行提示和清空文本框的内容。
在这里插入图片描述
在这里插入图片描述

  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

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

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值