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