介绍
小编给大家分享一下如何使用正则表达式验证登录页面输入是否符合要求,相信大部分人都还不怎么了解,因此分享这篇文章给大家参考一下,希望大家阅读完这篇文章后大有收获、下面让我们一起去了解一下吧!
先给大家展示下效果图:
废话不多说了,直接给大家贴代码了,具体代码如下所示:
& lt; ! DOCTYPE html> & lt; html> ,& lt; head> ,& lt; meta charset=癠TF-8"比; ,& lt; title> & lt;/title> ,& lt;/head> ,& lt; script  src=https://www.yisu.com/zixun/" js/jquery-1.8.0.min.js "> 脚本> <>脚本 $(函数(){ $("输入[name=' uname ']”) .blur(函数(){//失去焦点 var namestr=$(这).val (); var regstr=/^ [/u4e00 -/u9fa5] {2,4} $/; 如果(! regstr.test (namestr)) { (美元).parent () . next () . html(“用户名必须是2 - 4个汉字”)。css(“颜色”,“红”); 返回错误; } 返回true; }); $("输入[name=' uname ']”) .focus(函数(){//获取焦点 (美元).val (" "); (美元).parent () . next () . html (" "); }); $("输入[name=' pwd ']”) .blur(函数(){ var pwdstr=$(这).val (); ^/var regstr={6} $/; 如果(! regstr.test (pwdstr)) { (美元).parent () . next () . html(“密码必须是6位数字字母下划线”)。css(“颜色”,“红”); 返回错误; } 返回true; }); $("输入[name=' pwd ']”) .focus(函数(){ (美元).parent () . next () . html (" "); }); $("输入[name='生日快乐']”).blur(函数(){ var birthdaystr=$(这).val (); var regstr=/^ (19 | 20)/d {2} - (1 (0 - 2) | 0 ? [1 - 9])——(3 [0 - 9] [0 - 1] | 2 | 0 ? [1 - 9]) $/; 如果(! regstr.test (birthdaystr)) { (美元).parent () . next () . html(“日期格式不正确”)。css(“颜色”,“红”); 返回错误; } 返回true; }); $("输入[name='生日快乐']”).focus(函数(){ (美元).parent () . next () . html (" "); }); $("输入[name='邮件']”).blur(函数(){ var emailstr=$(这).val (); var regstr=/^ \ w \ [-] + @ (a-z0-9A-Z) + (\ [a-zA-Z] {2,3}) {1,2} $/; 如果(! regstr.test (emailstr)) { (美元).parent () . next () . html(“邮箱格式不正确”). css(“颜色”,“红”); 返回错误; } 返回true; }); $("输入[name='邮件']”).focus(函数(){ (美元).parent () . next () . html (" "); }); });> 脚本 <时尚> 身体{ 字体大小:12 px; } #{回家 背景颜色:米色; 边界:固体1 px黑色; 宽度:550 px; 身高:185 px; 保证金:汽车; margin-top: 20 px; } #{负责人 身高:135 px; } #{脚 text-align:中心; } .dl1 { 明确:; padding-left: 10 px; } .dl1 dt { 浮:左; 高度:30 px; 宽度:80 px; 行高:30 px; } .dl1 dd { 浮:左; 高度:30 px; 行高:30 px;/*宽度:250 px; */} # btn_res { 背景图片:url (img/reset.gif); 宽度:80 px; 高度:34 px; } # btn_sub { 背景图片:url (img/submit.gif); 宽度:80 px; 高度:34 px; }> 风格 <身体>身体><形式action="方法=皃ost”>脚
- 用户名:
- 用户密码:
- 出生日期:
- yyyy-mm-dd
形式
- 用户邮箱: