正则表达式验证用户名、邮箱、密码
来源:互联网 发布:iphone用mac充电 编辑:程序博客网 时间:2024/05/22 09:00
前几天碰到一个正则表达式验证表单数据的问题,就找了菜鸟教程的正则表达式过了一遍,顺便做了个小练习。
var reg1=/^[a-zA-Z]\w*$/i;验证用户名:验证以字母开头,可包含字母,数字及下划线的用户名。
[a-zA-Z]表示以字母,\w 匹配包括下划线的任何单词字符,等价于'[A-Za-z0-9_]',*表示紧连着的前一个字符出现零次或多次。/^、$/分别代表正则表达式的开头及结尾。
完整代码如下:
<!DOCTYPE html><html lang="en"><head><meta charset="UTF-8"><title>Document</title><link href="http://libs.baidu.com/bootstrap/3.0.3/css/bootstrap.min.css" rel="stylesheet"><style type="text/css">body{margin: 0;padding: 0;}div.main{margin: 100px auto;width: 50%;height: 200px;border: 1px solid #CCC;padding: 30px 10px;}span{color: #F34949;font-size: 10px;/*display: none;*/margin-left:20px;}form{width: 100%;height: 100px;margin: 0px auto;padding: 30px 0px;}/*input{width: 180px;}*/.alr{text-align: right;}</style><script type="text/javascript">function isUser(){var oVal1 = document.getElementById('user');var oSpan1 = document.getElementById('userInfo');var reg1=/^[a-zA-Z]\w*$/i; if(oVal1.value && !reg1.test(oVal1.value)){ oSpan1.style.display = "inline-block"; }else{ oSpan1.style.display = "none"; }}function isPassword(){var oVal2 = document.getElementById('pass');var oSpan2 = document.getElementById('passInfo');var reg2 = /^([a-zA-z]+[0-9]+)|([0-9]+[a-zA-Z]+)$/i;if(oVal2.value.length >= 8 && reg2.test(oVal2.value)){ oSpan2.style.display = "none"; }else{ oSpan2.style.display = "inline-block"; }}function isMail(){var oVal3 = document.getElementById('mail');var oSpan3 = document.getElementById('mailInfo');var reg3 = /^([a-zA-Z0-9_-])+\@([a-zA-Z0-9_-])+.([a-zA-Z])+$/;if(oVal3.value && reg3.test(oVal3.value)){oSpan3.style.display = "none";}else{oSpan3.style.display = "inline-block";}}</script></head><body><div class="main"><form><label class="col-md-2 alr">用户名:</label><input class="col-md-4" type="text" id="user" onkeyup="isUser()" /><span class="col-md-3" id="userInfo">以字母开头,可包含数字、字母、下划线。</span><br><br><label class="col-md-2 alr">密码:</label><input class="col-md-4" type="password" id="pass" onkeyup="isPassword()" /><span class="col-md-3" id="passInfo">至少8位,必须包含字母、数字</span><br><br><label class="col-md-2 alr">邮箱:</label><input class="col-md-4" type="text" id="mail" onblur="isMail()" /><span class="col-md-3" id="mailInfo">请输入正确邮箱</span></form></div></body></html>
0 0
- 正则表达式验证用户名、邮箱、密码
- iOS 开发: 用户名、邮箱、电话号码、密码、昵称正则表达式验证
- jquery 邮箱 手机号码 用户名验证正则表达式
- js——正则表达式 验证邮箱、手机号、密码、用户名是否合法
- 用正则表达式验证用户名密码
- 正则表达式验证用户名、密码、手机号码、身份证
- 常用正则表达式 如用户名 密码 邮箱 email
- js正则表达式验证手机号码,用户名和邮箱
- inform表单验证,正则表达式,用户名,身份证,密码,验证码
- 正则表达式验证邮箱
- 验证邮箱正则表达式
- 正则表达式验证邮箱
- 邮箱验证正则表达式
- 正则表达式验证邮箱
- 邮箱及密码的正则表达式验证(C#)
- 邮箱及密码的正则表达式验证(C#)
- 用正则表达式验证邮箱、密码、QQ号、手机号、身份证号
- 使用js和正则表达式验证邮箱、手机号码、密码等
- 我来了
- 输出梯形列的数字
- 我来了
- effective java观后感(1)-------用静态方法代替构造方法
- Android热修复实践应用--AndFix
- 正则表达式验证用户名、邮箱、密码
- VitamioDemo
- 我来了
- 为什么你有10年经验,但成不了专家?
- PyMongo基本使用
- 我来了
- 代码克隆的类别总结
- 我来了
- Spring Boot中使用MongoDB数据库