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 相关文章推荐
Prototype使用指南之enumerable.js
Jan 10 Javascript
一个简单的js动画效果代码
Jul 20 Javascript
JS维吉尼亚密码算法实现代码
Nov 09 Javascript
firefox下jquery ajax返回object XMLDocument处理方法
Jan 26 Javascript
jquery实现下拉框功能效果【实例代码】
May 06 Javascript
JavaScript使用简单正则表达式的数据验证功能示例
Jan 13 Javascript
基于jQuery实现文字打印动态效果
Apr 21 jQuery
深入理解Angular.JS中的Scope继承
Jun 04 Javascript
JavaScript中in和hasOwnProperty区别详解
Aug 04 Javascript
原生实现一个react-redux的代码示例
Jun 08 Javascript
Angular4.x Event (DOM事件和自定义事件详解)
Oct 09 Javascript
layui实现给某一列加点击事件
Oct 26 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
DC动画电影《黑暗正义联盟》曝预告 5月5日上线数字平台
2020/04/09 欧美动漫
火车采集器 免费版使出收费版本功能实现原理
2009/09/17 PHP
php学习之流程控制实现代码
2011/06/09 PHP
php中随机显示图片的函数代码
2011/06/23 PHP
怎么在Windows系统中搭建php环境
2013/08/31 PHP
在Win2003(64位)中配置IIS6+PHP5.2.17+MySQL5.5的运行环境
2016/04/04 PHP
laravel利用中间件做防非法登录和权限控制示例
2019/10/21 PHP
JavaScript类库D
2010/10/24 Javascript
TypeScript 学习笔记之基本类型
2015/06/19 Javascript
jQuery Mobile 触摸事件实例
2016/06/04 Javascript
jQuery.form.js插件不能解决连接超时(timeout)的原因分析及解决方法
2016/10/14 Javascript
浅谈javascript中的数据类型转换
2016/12/27 Javascript
Mongoose学习全面理解(推荐)
2017/01/21 Javascript
jQuery自动或手动图片切换效果
2017/10/11 jQuery
JS匿名函数内部this指向问题详析
2019/05/10 Javascript
vue全屏事件开发详解
2020/06/17 Javascript
JS面向对象实现飞机大战
2020/08/26 Javascript
解决vue项目运行npm run serve报错的问题
2020/10/26 Javascript
JavaScript事件概念详解(区分静态注册和动态注册)
2021/02/05 Javascript
浅析python中的分片与截断序列
2016/08/09 Python
使用pyecharts无法import Bar的解决方案
2020/04/23 Python
对python中的six.moves模块的下载函数urlretrieve详解
2018/12/19 Python
python flask 如何修改默认端口号的方法步骤
2019/07/12 Python
Django 再谈一谈json序列化
2020/03/16 Python
CSS3实现瀑布流布局与无限加载图片相册的实例代码
2016/12/22 HTML / CSS
canvas 实现 github404动态效果的示例代码
2017/11/15 HTML / CSS
e路東瀛(JAPANiCAN)香港:日本旅游、日本酒店和温泉旅馆预订
2018/11/21 全球购物
JD Sports澳洲官网:英国领先的运动鞋和运动时尚零售商
2020/02/15 全球购物
构造方法和其他方法的区别?怎么调用父类的构造方法
2013/09/22 面试题
Internal修饰符有什么含义
2013/07/10 面试题
语文教育专业应届生求职信
2013/11/23 职场文书
乡镇网格化管理实施方案
2014/03/23 职场文书
小学生读书活动总结
2014/06/30 职场文书
三严三实心得体会范文
2014/10/13 职场文书
2015年端午节国旗下演讲稿
2015/03/19 职场文书
2016教师给学生的毕业寄语
2015/12/04 职场文书