web前端|js教程
表达式,登录,验证
web前端-js教程先给大家展示下效果图：
微擎码上涨粉源码,c语言 vscode,ubuntu安装舵机驱动,tomcat请求过程,微信sqlite记录,火车头采集器 php插件,web前端主流ui框架,网络爬虫案宣判,php数组 json,seo分析表,虚拟币交易网站源代码,网页代理代码,直播间模板html,炫酷的html页面,jsp图书管理系统 实验报告,用vb制作屏幕保护程序lzw
单品网站源码,如何登录vscode,ubuntu安装独立显卡花屏,tomcat 的目录,sqlite查询存储界面,手机端的js 图片裁剪插件,常用的前端页面框架,良心的dht爬虫,php 获取字符,网站推广seo招聘,jy网站源码,易语言网页操作类,秀站模板下载地址,防伪码查询页面开发,ssm教务管理系统源码,小说模板霸屏程序lzw
废话不多说了，直接给大家贴代码了，具体代码如下所示：
源码出售网站,电脑自带vscode,电脑如何分盘给ubuntu,idea tomcat问号,c 显示sqlite内容,php轮播插件,前端需要学框架吗,uibot 解决反爬虫延时,php取js的值,seo主管绩效,音乐影视网站,导航 网页,迪恩网络企业模板,将写好的java程序达成压缩包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 用户邮箱 :
总结
以上所述是小编给大家介绍的使用正则表达式验证登录页面输入是否符合要求，希望对大家有所帮助！！
相关推荐：
正则表达式中最短匹配模式的用法
正则表达式注册表验证笔记整理
史上最全的PHP正则表达式_正则表达式
