javascript学习笔记(五)正则表达式


Posted in Javascript onApril 08, 2011

常用到的元字符有:
•. 查找单个字符,除了换行和行结束符;
•\w 匹配字母、汉字、数字、下划线等符号;
•\s 匹配空白符(包含空格、制表符等);
•\d 匹配数字;
•\b 匹配位于单词的开头或结尾的匹配;
常用的量词有:
•^n 匹配任何开头为 n 的字符串;
•n$ 匹配任何结尾为 n 的字符串;
•n+ 匹配任何包含至少一个 n 的字符串;
•n* 匹配任何包含零个或多个 n 的字符串;
•n? 匹配任何包含零个或一个 n 的字符串;
•n{X} 匹配包含 X 个 n 的序列的字符串;
•n{X, Y} 匹配包含 X 或 Y 个 n 的序列的字符串;
简单举例,主要用于验证手机号码、电话号码及邮箱:
javascript部分代码:

function isMobile() { 
var mobile = document.getElementById("mobile_phone"); 
var num = mobile.value; 
var reg = /^(13[0-9]|186|188|150|151|158|159|147)\d{8}$/; 
if(num == "") { 
alert("请输入完整的手机号"); 
mobile.focus(); 
return false; 
} else if (reg.test(num)) { 
alert("输入的手机号格式正确"); 
} else { 
alert("请输入正确的11位手机号码"); 
mobile.focus(); 
return false; 
} 
} 
function isEmail() { 
var email = document.getElementById("email"); 
var email_value = email.value; 
if(email_value == "") { 
alert("请输入完整的邮箱"); 
email.focus(); 
return false; 
} else { 
var reg = /^[a-zA-Z0-9](\w)+@(\w)+(\.)+(com|com\.cn|net|cn|net\.cn|org|biz|info|gov|gov\.cn|edu|edu\.cn)$/; 
if(reg.test(email_value)) { 
alert("输入的邮箱格式正确"); 
} else { 
alert("请输入正确的邮箱格式"); 
email.focus(); 
return false; 
} 
} 
} 
function isPhone() { 
var phone = document.getElementById("phone"); 
var phone_value = phone.value; 
if(phone_value == "") { 
alert("请输入完整的座机号码"); 
phone.focus(); 
return false; 
} else { 
var reg = /^[(]?0\d{2,3}[)]?\s*[-]?\s*\d{7,8}$/; //010-87989898 01098989898 (0712)8989898 010 - 23343434 这些格式的座机号码都满足 
if(reg.test(phone_value)) { 
alert("输入的座机号码正确"); 
} else { 
alert("输入的座机号码格式错误"); 
phone.focus(); 
return false; 
} 
} 
}

HTML部分代码:
<p> 
<label for="mobile_phone">手 机</label> 
<input type="text" id="mobile_phone", name="mobile_phone" value="15107105287" /> 
<input type="button" value="validate" onclick="isMobile()" /> 
</p> 
<p> 
<label for="phone">座 机</label> 
<input type="text" id="phone" name="phone" value="027-87767676" /> 
<input type="button" value="validate" onclick="isPhone()" /> 
</p> 
<p> 
<label for="email">邮 箱</label> 
<input type="" id="email" name="email" value="zhangchen2397@126.com" /> 
<input type="button" value="validate" onclick="isEmail()" /> 
</p>
Javascript 相关文章推荐
在html页面中包含共享页面的方法
Oct 24 Javascript
javascript 硬盘序列号+其它硬件信息
Dec 23 Javascript
childNodes.length与children.length的区别
May 14 Javascript
JSON 数据格式介绍
Jan 13 Javascript
js隐式全局变量造成的bug示例代码
Apr 22 Javascript
两个多选select(multiple左右)添加、删除选项和取值实例
May 12 Javascript
手机浏览器 后退按钮强制刷新页面方法总结
Oct 09 Javascript
js实现多张图片延迟加载效果
Jul 17 Javascript
详解如何在nuxt中添加proxyTable代理
Aug 10 Javascript
Vue.js实现双向数据绑定方法(表单自动赋值、表单自动取值)
Aug 27 Javascript
Vux+Axios拦截器增加loading的问题及实现方法
Nov 08 Javascript
Webpack中loader打包各种文件的方法实例
Sep 03 Javascript
javascript学习笔记(三)显示当时时间的代码
Apr 08 #Javascript
javascript 学习笔记(一)DOM基本操作
Apr 08 #Javascript
jQuery 名称冲突的解决方法
Apr 08 #Javascript
js 事件处理函数间的Event物件是否全等
Apr 08 #Javascript
Javascript 八进制转义字符(8进制)
Apr 08 #Javascript
JavaScript中判断函数是new还是()调用的区别说明
Apr 07 #Javascript
JavaScript中清空数组的三种方法分享
Apr 07 #Javascript
You might like
PhpStorm2020 + phpstudyV8 +XDebug的教程详解
2020/09/17 PHP
javascript字符串拼接的效率问题
2010/12/25 Javascript
jQuery的deferred对象使用详解
2011/08/20 Javascript
jQuery+css实现图片滚动效果(附源码)
2013/03/18 Javascript
JQuery获取与设置HTML元素的内容或文本的实现代码
2014/06/20 Javascript
JavaScript动态改变HTML页面元素例如添加或删除
2014/08/10 Javascript
ANGULARJS中使用JQUERY分页控件
2015/09/16 Javascript
Bootstrap导航条可点击和鼠标悬停显示下拉菜单的实现代码
2016/06/23 Javascript
jQuery弹出窗口打开链接的实现代码
2016/12/24 Javascript
微信小程序 request接口的封装实例代码
2017/04/26 Javascript
angular4 共享服务在多个组件中数据通信的示例
2018/03/30 Javascript
Vuex入门到上手教程
2018/06/20 Javascript
解决Vue在封装了Axios后手动刷新页面拦截器无效的问题
2018/11/08 Javascript
Vue中的情侣属性$dispatch和$broadcast详解
2019/03/07 Javascript
判断js数据类型的函数实例详解
2019/05/23 Javascript
vue中利用Promise封装jsonp并调取数据
2019/06/18 Javascript
vue项目中运用webpack动态配置打包多种环境域名的方法
2019/06/24 Javascript
js微信分享接口调用详解
2019/07/23 Javascript
python实现带验证码网站的自动登陆实现代码
2015/01/12 Python
Python决策树分类算法学习
2017/12/22 Python
解决Python3用PIL的ImageFont输出中文乱码的问题
2019/08/22 Python
python中scrapy处理项目数据的实例分析
2020/11/22 Python
python爬虫线程池案例详解(梨视频短视频爬取)
2021/02/20 Python
HTML高亮关键字的实现代码
2018/10/22 HTML / CSS
Oracle性能调优原则
2012/05/03 面试题
国家励志奖学金获奖感言
2014/01/09 职场文书
餐厅考勤管理制度
2014/01/28 职场文书
公司采购主管岗位职责
2014/06/17 职场文书
教师党员批评与自我批评发言稿
2014/10/15 职场文书
办公室岗位职责范本
2015/04/11 职场文书
安全知识竞赛主持词
2015/06/30 职场文书
2015大学迎新晚会策划书
2015/07/16 职场文书
导游词之徐州-云龙山
2019/09/29 职场文书
《天净沙·秋思》教学反思三篇
2019/11/02 职场文书
关于Vue中的options选项
2022/03/22 Vue.js
MySQL 原理与优化之Update 优化
2022/08/14 MySQL