宝哥软件园

JS使用正则表达式提交用于页面验证的代码

编辑:宝哥软件园 来源:互联网 时间:2021-08-19

如何使用正则表达式提交验证

首先,让我们用一首歌来活跃气氛!

门前桥下

游过一群鸭子

来吧,来吧,数一数

24678

嘎嘎嘎嘎

真的,有多少.

停下,让我们言归正传吧

1.让你看看我们老师布置的作业

在这里插入图片描述

2.需要呈现的效果是:看图

在这里插入图片描述

3:所以,下面需要的是代码

!doctype html headlang=' en ' metacarset=' utf-8 ' title/title/headldy用户名:输入类型=' text ' name=' name ' id=' name '/Br/密码:input type=' text ' name=' pwd ' id=' pwd '/Br/确认密码:input type=' text ' name=' dispwd ' id=' dispwd '/Br/电子邮件:input type=' text ' name=' email ' id=' email '/Br手机号码:input type价值;var pwd=document . getelementbyid(' pwd ')。价值;var disPwd=document . getelementbyid(' disPwd ')。价值;var email=document . getelementbyid(' email ')。价值;var phone=document . getelementbyid(' phone ')。价值;var idNumber=document . getelementbyid(' ID ')。价值;var address=document . getelementbyid(' address ')。价值;var name rule=/^[a-z][a-z0-9_]{5,19}$/;var pwdrule=/^[a-za-z]w{7,14}$/;var dispwdrule=/^[a-za-z]w{7,14}$/;var email rule=/^w([-]。] w)* @ w([-]。]w )*。w ([-。] w)* $/;var phone rule=/^(13[0-9]|14[5|7]|15[0|1|2|3|5|6|7|8|9]|18[0|1|2|3|5|6|7|8|9])d{8}$/;var idnumberule=/(^d{15}$)|(^d{18}$)|(^d{17}(d|x|x)$)/;var address rule=/^[u4e00-u9fa5a-za-z0-9_]$/;if(NameRule . test(user . trim())){ if(pwdrule . test(pwd . trim()){ if(dispwdrule . test(dispwd . trim())){ if(email Rule . test(email . trim()))){ if(phone rule . test(phone . trim()))){ if(idnumberrule . test(idnumber . trim())))){ if(address rule . test(address . trim()))))){ alert('认证成功');} else {alert('地址非法');}} else {alert ('ID号非法');}} else {alert('非法手机号码');}} else {alert('邮箱非法');}} else {alert('确认密码非法');}} else {alert('密码非法');}} else {alert('非法名称');}}/script/body/html Tip:老师说这种代码后期不容易管理,有更好的方法。我主要是觉得这种代码比较容易理解,所以没有再学一个,只是作为参考。

4:效果图来了,呵呵

在这里插入图片描述

在这里插入图片描述

我用的是提醒的方法,网页提示我。

摘要

以上是边肖介绍的JS使用正则表达式提交页面验证的代码。希望对大家有帮助。如果你有任何问题,请给我留言,边肖会及时回复你。非常感谢您对我们网站的支持!如果你觉得这篇文章对你有帮助,请转载,请注明出处,谢谢!

更多资讯
游戏推荐
更多+