DDR爱好者之家 Design By 杰米
开发中如果有input输入框,难免就要写正则表达式,因此在这里总结了一些常见常用的正则表达式的书写方法,希望会大家有所帮助;
附图:
一.手机号码
$(document).ready(function(){ //判断输入手机号码是否正确 $("#telephone").focus(function(){ document.getElementById("ph-hint").innerHTML = ":open_mouth:请输入11位手机号码"; }) $("#telephone").blur(function(){ if(/^((13[0-9])|(15[^4,\D])|(18[0-9]))\d{8}$/.test(this.value)){ document.getElementById("ph-hint").innerHTML = ""; }else if(document.getElementById("telephone").value == ""){ document.getElementById("ph-hint").innerHTML = " 咦,手机号不能为空哦"; }else{ document.getElementById("ph-hint").innerHTML = " 这好像不是一个手机号码哦"; document.getElementById("telephone").value = ""; } }) })
详解:当获取焦点时,提示文字请输入手机号,然后失去焦点时判断,那段正则表达式表示的是13几,这个几0-9都可以,或者15几,但是非4的都行,或者18几,0-9都可以,然后再加8位数字,符合条件则成功,否则根据情况判断提示文字;
二.密码
$(document).ready(function(){ //判断输入密码格式是否正确 $("#setpassword").focus(function(){ document.getElementById("pw-hint").innerHTML = ":open_mouth:请您输入密码,6-15个字母数字和符号两种以上组合"; }) $("#setpassword").blur(function(){ if(/^("pw-hint").innerHTML = ""; }else if(document.getElementById("setpassword").value == ""){ document.getElementById("pw-hint").innerHTML = " 咦,密码不能为空哦"; }else{ document.getElementById("pw-hint").innerHTML = " 你的密码格式有误,请重新输入"; document.getElementById("setpassword").value = ""; } }) })
详解:当获取焦点时,提示文字请输入密码,然后失去焦点时判断,那段正则表达式表示的是可以输入0-9的数字和大小写的字母a-z,外加一些特殊符号,然后可以输入6-15位密码,符合条件则成功,否则根据情况判断提示文字;
*以下格式我就不这样写了,简介一点,上面两段可以去参考。
三.用户名
//用户名正则,4到16位(字母,数字,下划线,减号) var username = /^[a-zA-Z0-9_-]{4,16}$/; //文字 var username=/[\d]/g;
四.电子邮箱
//对电子邮件的验证 var email = /^([a-zA-Z0-9]+[_|\_|\.]"color: #ff0000">五.身份证号//身份证号(18位)正则 var cP = /^[1-9]\d{5}(18|19|([23]\d))\d{2}((0[1-9])|(10|11|12))(([0-2][1-9])|10|20|30|31)\d{3}[0-9Xx]$/;六.日期
//日期正则,简单判定,未做月份及日期的判定 var time = /^\d{4}(\-)\d{1,2}\1\d{1,2}$/; //日期正则,复杂判定 var time = /^("color: #ff0000">七.QQ号以及微信号//QQ号正则,5至11位 var qq = /^[1-9][0-9]{4,10}$/; //微信号正则,6至20位,以字母开头,字母,数字,减号,下划线 var wx = /^[a-zA-Z]([-_a-zA-Z0-9]{5,19})+$/;八.座机号
//座机号 var tel =/(^0\d{2}-8\d{7}$)|(^0\d{3}-3\d{6}$)/;附加: 发送验证码倒计时写法
<input class="login-code-send" id="login-code-send" type="button" name="sendcode" value="发送验证码" onclick="settime(this);"/> //登录,忘记密码的验证码 var counts = 60; function settime(val) { if (counts == 0) { val.removeAttribute("disabled"); val.value = "获取验证码"; counts = 60; return false; } else { val.setAttribute("disabled", true); val.value = "重新发送("+counts+")"; counts--; } setTimeout(function () { settime(val); }, 1000); }总结
以上所述是小编给大家介绍的值得收藏的八个常用的js正则表达式,希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复大家的。在此也非常感谢大家对网站的支持!
DDR爱好者之家 Design By 杰米
广告合作:本站广告合作请联系QQ:858582 申请时备注:广告合作(否则不回)
免责声明:本站资源来自互联网收集,仅供用于学习和交流,请遵循相关法律法规,本站一切资源不代表本站立场,如有侵权、后门、不妥请联系本站删除!
免责声明:本站资源来自互联网收集,仅供用于学习和交流,请遵循相关法律法规,本站一切资源不代表本站立场,如有侵权、后门、不妥请联系本站删除!
DDR爱好者之家 Design By 杰米
暂无评论...
更新日志
2024年11月25日
2024年11月25日
- 凤飞飞《我们的主题曲》飞跃制作[正版原抓WAV+CUE]
- 刘嘉亮《亮情歌2》[WAV+CUE][1G]
- 红馆40·谭咏麟《歌者恋歌浓情30年演唱会》3CD[低速原抓WAV+CUE][1.8G]
- 刘纬武《睡眠宝宝竖琴童谣 吉卜力工作室 白噪音安抚》[320K/MP3][193.25MB]
- 【轻音乐】曼托凡尼乐团《精选辑》2CD.1998[FLAC+CUE整轨]
- 邝美云《心中有爱》1989年香港DMIJP版1MTO东芝首版[WAV+CUE]
- 群星《情叹-发烧女声DSD》天籁女声发烧碟[WAV+CUE]
- 刘纬武《睡眠宝宝竖琴童谣 吉卜力工作室 白噪音安抚》[FLAC/分轨][748.03MB]
- 理想混蛋《Origin Sessions》[320K/MP3][37.47MB]
- 公馆青少年《我其实一点都不酷》[320K/MP3][78.78MB]
- 群星《情叹-发烧男声DSD》最值得珍藏的完美男声[WAV+CUE]
- 群星《国韵飘香·贵妃醉酒HQCD黑胶王》2CD[WAV]
- 卫兰《DAUGHTER》【低速原抓WAV+CUE】
- 公馆青少年《我其实一点都不酷》[FLAC/分轨][398.22MB]
- ZWEI《迟暮的花 (Explicit)》[320K/MP3][57.16MB]