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

 更新时间:2011年04月08日 00:25:58   作者:  
正则表达式在web开发中会经常用到,主要用于验证用户输入的数据的格式。
常用到的元字符有:
•. 查找单个字符,除了换行和行结束符;
•\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学习笔记1 数据类型

    Javascript学习笔记1 数据类型

    在Javascript中只有五种简单类型,分别为null,undefined,boolean,String和Number.一种复杂类型:object。
    2010-01-01
  • javascript实现存储hmtl字符串示例

    javascript实现存储hmtl字符串示例

    这篇文章主要介绍了javascript实现存储hmtl字符串示例,需要的朋友可以参考下
    2014-04-04
  • Javascript继承机制详解

    Javascript继承机制详解

    JavaScript的继承在很多书里面细致的分了很多种类型和实现方式,大体上就是两种:对象冒充、原型方式。这两种方式各有优点和缺陷,这里我先列举出来,再从底层分析区别
    2017-05-05
  • JavaScript中的setUTCDate()方法使用详解

    JavaScript中的setUTCDate()方法使用详解

    这篇文章主要介绍了JavaScript中的setUTCDate()方法使用详解,是JS入门学习中的基础知识,需要的朋友可以参考下
    2015-06-06
  • JavaScript正则表达式的分组匹配详解

    JavaScript正则表达式的分组匹配详解

    本文给大家详细介绍了JavaScript正则表达式的分组匹配的概念以及具体的使用方法并附上了相关示例,有需要的小伙伴可以参考下。
    2016-02-02
  • JavaScript实现表单元素的操作

    JavaScript实现表单元素的操作

    这篇文章介绍了JavaScript操作表单元素的方法,文中通过示例代码介绍的非常详细。对大家的学习或工作具有一定的参考借鉴价值,需要的朋友可以参考下
    2022-05-05
  • javascript回调函数详解

    javascript回调函数详解

    这篇文章主要介绍了javascript回调函数的相关知识点以及用法代码实例分析,对此有需要的朋友可以学习参考下。
    2018-02-02
  • JavaScript 之JS的组成与基本语法

    JavaScript 之JS的组成与基本语法

    这篇文章主要介绍了S的组成与基本语法,JS 主要是用来开发前端,但是也可以做别的,JS 现在是一个 "通用" 的编程语言,感兴趣的小伙伴可以参考阅读
    2023-04-04
  • JavaScript学习笔记整理_用于模式匹配的String方法

    JavaScript学习笔记整理_用于模式匹配的String方法

    下面小编就为大家带来一篇JavaScript学习笔记整理_用于模式匹配的String方法。小编觉得挺不错的,现在就分享给大家,也给大家做个参考。一起跟随小编过来看看吧
    2016-09-09
  • 对JavaScript客户端应用编程的一些建议

    对JavaScript客户端应用编程的一些建议

    这篇文章主要介绍了对JavaScript客户端应用编程的一些建议,主要针对MVC框架框架的一些相关使用问题,需要的朋友可以参考下
    2015-06-06

最新评论