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 相关文章推荐
js加解密 脚本解密
Feb 22 Javascript
csdn 批量接受好友邀请
Feb 19 Javascript
基于jquery的网页SELECT下拉框美化代码
Oct 28 Javascript
javascript获取下拉列表框当中的文本值示例代码
Jul 31 Javascript
JavaScript中逗号运算符介绍及使用示例
Mar 13 Javascript
javascript实现网站加入收藏功能
Dec 16 Javascript
在JS中a标签加入单击事件屏蔽href跳转页面
Dec 16 Javascript
Vue2 配置 Axios api 接口调用文件的方法
Nov 13 Javascript
vue中路由参数传递可能会遇到的坑
Dec 07 Javascript
Vue中props的使用详解
Jun 15 Javascript
使用VueRouter的addRoutes方法实现动态添加用户的权限路由
Jun 03 Javascript
浅谈 JavaScript 沙箱Sandbox
Nov 02 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
网络资源
2006/10/09 PHP
获取远程文件大小的php函数
2010/01/11 PHP
实例介绍PHP的Reflection反射机制
2014/08/05 PHP
PHP中的表达式简述
2016/05/29 PHP
checkbox 复选框不能为空
2009/07/11 Javascript
深入了解javascript中的prototype与继承
2013/04/14 Javascript
js调用后台、后台调用前台等方法总结
2014/04/17 Javascript
js获取窗口相对于屏幕左边和上边的位置坐标
2014/05/15 Javascript
JavaScript及jquey实现多个数组的合并操作
2014/09/06 Javascript
javascript三元运算符用法实例
2015/04/16 Javascript
javascript实现俄罗斯方块游戏的思路和方法
2015/04/27 Javascript
javascript数据结构之双链表插入排序实例详解
2015/11/25 Javascript
分享两款带遮罩的jQuery弹出框
2015/12/30 Javascript
详解js界面跳转与值传递
2016/11/22 Javascript
JS使用插件cryptojs进行加密解密数据实例
2017/05/11 Javascript
浅谈关于angularJs中使用$.ajax的注意点
2017/08/12 Javascript
菊花转动的jquery加载动画效果
2018/08/19 jQuery
Vue表情输入组件 微信face表情组件
2019/02/11 Javascript
[01:23]一分钟告诉你 DOTA2为什么叫信仰2
2014/06/20 DOTA
Python安装Imaging报错:The _imaging C module is not installed问题解决方法
2014/08/22 Python
python中日期和时间格式化输出的方法小结
2015/03/19 Python
Python中的下划线详解
2015/06/24 Python
Python入门之三角函数atan2()函数详解
2017/11/08 Python
python实现网页自动签到功能
2019/01/21 Python
JupyterNotebook设置Python环境的方法步骤
2019/12/03 Python
python 数据库查询返回list或tuple实例
2020/05/15 Python
Python编写单元测试代码实例
2020/09/10 Python
为有想象力的人提供的生活方式商店:Firebox
2018/06/04 全球购物
运动会稿件100字
2014/02/21 职场文书
5s标语大全
2014/06/23 职场文书
拾金不昧感谢信范文
2015/01/21 职场文书
六年级语文下册教学计划
2015/01/22 职场文书
部门优秀员工推荐信
2015/03/24 职场文书
六年级作文之预言作文
2019/10/25 职场文书
2019年12月24日平安夜祝福语集锦
2019/12/24 职场文书
使用python求解迷宫问题的三种实现方法
2022/03/17 Python