使用正则表达式验证登录页面输入是否符合要�

先给大家展示下效果图：

废话不多说了，直接给大家贴代码了，具体代码如下所示：

！DOCTYPE html html head meta charset=' UTF-8 ' title/title/head script src=' http : js/jquery-1。8 .0 .量滴js/script script $(function(){ $(' input[name=' uname ']')).模糊（函数(){ //失去焦点var namestr=$(this).val()；var regstr=/^[\u4e00-\u9fa5]{2,4}$/；if(！regstr.test(namestr)) { $(this).父项()。下一个()。html(")用户名必须是2-4个汉字').css('color '，' red ')；返回false}返回true })；$('input[name='uname']').focus(function() { //获取焦点$(这个)。val(" ")；$(这个)。父项()。下一个()。html(" ")；});$('input[name='pwd']').模糊(函数(){ var pwd str=$(this)).val()；var regstr=/^\w{6}$/；if(！regstr.test(pwdstr)) { $(this).父项()。下一个()。html(")密码必须是6位数字字母下划线').css('color '，' red ')；返回false}返回true })；$('input[name='pwd']').focus(function() { $(this))。父项()。下一个()。html(" ")；});$(“input[name=”生日']')。blur(function(){ var birthdaystr=$(this)).val()；var regstr=/^(19|20)\d{2}-(1[0-2]|0？[1-9])-(3[0-1]|2[0-9]|0?[1-9])$/;if(！regstr。test(birthdaystr)){ $(this).父项()。下一个()。html(")日期格式不正确').css('color '，' red ')；返回false}返回true })；$(“input[name=”生日']')。focus(function() { $(this))。父项()。下一个()。html(" ")；});$('输入[name='email']').blur(function(){ var emailstr=$(this)).val()；var regstr=/^[\w\-][emailprotected][a-z0-9a-z](\。[a-zA-Z]{2，3}){1，2 } $/；if(！regstr.test(emailstr)){ $(this).父项()。下一个()。html(")邮箱格式不正确').css('color '，' red ')；返回false}返回true })；$('输入[name='email']').focus(function(){ $(this))。父项()。下一个()。html(" ")；});});/script style body { font-size : 12px；} #home {背景-color:米色；border:固体1px黑色；宽度： 550像素；高度： 185像素；margin:汽车边距-top : 20px；} #头{ height: 135px} #脚{ text-align : center} .dl1 { clear:两者；左填充： 10px} .dl1 dt {左侧浮动：高度： 30px宽度： 80px线高： 30px} .dl1 dd {左侧浮动：高度： 30px线高： 30px/*宽度： 250像素；*/} # BTN _ RES {背景图像： URL(img/reset。gif)；宽度： 80pxheight : 34px } # BTN _ sub { background-image : URL(img/submit。gif)；宽度： 80pxheight : 34px }/style body div id=' home ' div id=' head ' form action=' method=' post ' dl class=' dl1 ' dt用户名： /dt dd class='dd1 '输入类型=“文本”值='输入用户名名称=' uname '/DD/DD/dl/dl class=' dl1 ' dt用户密码： /dt dd类='dd1 '输入类型='密码'名称=' pwd '/DD/DD/dl类='dl1' dt出生日期： /dt dd class='dd1 '输入类型='text '名称='生日/DD ddyyyy-mm-DD/DD/dl class=' dl1 ' dt用户邮箱：/dt ddin put type=' text ' name=' email '/DD/DD/dl/form/div id=' foot '输入类型=' submit '值=' id=' BTN _ sub '/输入类型=' reset '值=' id=' BTN _ RES '/div/div/body/html总结

以上所述是小编给大家介绍的使用正则表达式验证登录页面输入是否符合要求，希望对大家有所帮助，如果大家有任何疑问请给我留言，小编会及时回复大家的。在此也非常感谢大家对我们网站的支持！