600字范文,内容丰富有趣,生活中的好帮手!
600字范文 > 使用正则表达式验证登录页面的输入内容

使用正则表达式验证登录页面的输入内容

时间:2022-05-08 10:10:36

相关推荐

使用正则表达式验证登录页面的输入内容

后端开发|php教程

表达式,登录,验证

后端开发-php教程先给大家展示下效果图:

宇宙探索的源码,ping++ubuntu,艳女斗性 Tomcat,爬虫工具登录,php rxphp,万柏林区seo优化优惠吗lzw

音乐盒网站源码,vscode 动态库,ubuntu 麦克风驱动,Tomcat请求池,sqlite增加序号列,手机看电脑视频插件下载,前端框架开发环境,爬虫用的电脑,php 图片上传类,上海专业seo外包,甜品网站源码,网页图标图片,新锐手机模板安装说明,html页面随机加载一段文字的代码,客户管理系统 php源码,小程序后端安装教程lzw

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

取IP源码,ubuntu系统装qq,基于python爬虫游戏,php 5.3.25,seo分析教程lzw

$(function() { $("input[name=uname]").blur(function() { //失去焦点 var namestr = $(this).val(); var regstr = /^[\u4e00-\u9fa5]{2,4}$/; if(!regstr.test(namestr)) { $(this).parent().next().html("用户名必须是2-4个汉字").css("color", "red"); return false; } return true; }); $("input[name = uname]").focus(function() { //获取焦点 $(this).val(""); $(this).parent().next().html(""); }); $("input[name=pwd]").blur(function() { var pwdstr = $(this).val(); var regstr = /^\w{6}$/; if(!regstr.test(pwdstr)) { $(this).parent().next().html("密码必须是6位数字字母下划线").css("color", "red"); return false; } return true; }); $("input[name=pwd]").focus(function() { $(this).parent().next().html(""); }); $("input[name=irthday]").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).parent().next().html("日期格式不正确").css("color", "red"); return false; } return true; }); $("input[name=irthday]").focus(function() { $(this).parent().next().html(""); }); $("input[name=email]").blur(function(){ var emailstr = $(this).val(); var regstr = /^[\w\-]+@[a-z0-9A-Z]+(\.[a-zA-Z]{2,3}){1,2}$/; if(!regstr.test(emailstr)){ $(this).parent().next().html("邮箱格式不正确").css("color","red"); return false; } return true; }); $("input[name=email]").focus(function(){ $(this).parent().next().html(""); }); }); body { font-size: 12px; } #home { background-color: beige; border: solid 1px black; width: 550px; height: 185px; margin: auto; margin-top: 20px; } #head { height: 135px; } #foot { text-align: center; } .dl1 { clear: both; padding-left: 10px; } .dl1 dt { float: left; height: 30px; width: 80px; line-height: 30px; } .dl1 dd { float: left; height: 30px; line-height: 30px; /*width: 250px;*/ } #btn_res { background-image: url(img/reset.jpg); width: 80px; height: 34px; } #btn_sub { background-image: url(img/submit.jpg); width: 80px; height: 34px; }

用户名 :用户密码 :出生日期 : yyyy-mm-dd 用户邮箱 :

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。