JavaScript中的正则表达式资源-CSDN下载

共3个文件

bak：1个

html：1个

css：1个

需积分: 9 151 浏览量 2010-08-01 12:02:09 上传评论收藏 9KB RAR 举报

JavaScript中的正则表达式是编程语言中用于处理字符串的强大工具，尤其在数据验证方面发挥着重要作用。它们可以用来检查、提取、替换或者匹配文本模式，适用于身份证号、电话号码、用户名和密码等常见输入的验证。 1. **基础概念** - 正则表达式（Regular Expression）是一种模式匹配的语言，通过特定的语法来定义一个规则，用于搜索或替换文本。 - 在JavaScript中，正则表达式可以创建为一个字面量（如 `/pattern/flags`）或一个对象（如 `new RegExp('pattern', 'flags')`）。 2. **基本结构** - 字符：包括普通字符（如字母、数字）和特殊字符（如 `\d` 表示数字，`.` 表示任意字符）。 - 量词：`*` 表示零个或多个，`+` 表示一个或多个，`?` 表示零个或一个，`{n}` 表示恰好n个，`{n,}` 表示至少n个，`{n,m}` 表示n到m个。 - 边界：`^` 匹配行首，`$` 匹配行尾，`\b` 匹配单词边界。 3. **特殊字符与转义** - 特殊字符如 `*`、`+`、`.` 需要在正则表达式中用反斜杠 `\` 转义，如 `\*`、`\+`、`\.`。 - `\d` 相当于 `[0-9]`，`\D` 是其否定形式，匹配非数字字符。 - `\w` 相当于 `[a-zA-Z0-9_]`，匹配字母、数字或下划线，`\W` 是其否定形式。 - `\s` 匹配任何空白字符，包括空格、制表符、换页符等，`\S` 是其否定形式。 4. **分组与引用** - `( )` 用于分组，允许对一部分表达式进行操作，如提取或重复。 - `\g{n}` 引用第n个捕获组的内容。 5. **标志（Flags）** - `g` 全局搜索，查找所有匹配而非只找到第一个。 - `i` 忽略大小写，使匹配不区分大小写。 - `m` 多行模式，使 `^` 和 `$` 分别匹配每一行的开头和结尾。 6. **身份证号验证** - 身份证号通常由18位数字组成，前6位代表地区代码，接下来的8位代表出生日期，最后4位是顺序码和校验码。验证示例：`/^\d{18}$|^\d{17}(\d|x|X)$/`。 7. **电话号码验证** - 中国电话号码通常以区号（3-4位）+ 本地号码（7-8位）构成，可能有空格或破折号分隔。示例：`/^(\+\d{1,3})?[-\s]?\d{3,4}[-\s]?\d{7,8}$/`。 8. **用户名验证** - 用户名通常由字母、数字、下划线组成，且首字符不能是数字。示例：`/^[a-zA-Z][a-zA-Z0-9_]{5,19}$/`。 9. **密码验证** - 密码通常要求包含大小写字母、数字和特殊字符，长度在6-20之间。示例：`/^(?=.*[a-z])(?=.*[A-Z])(?=.*\d)(?=.*[@$!%*#?&])[A-Za-z\d@$!%*#?&]{6,20}$/`。 10. **实例说明** - 使用 `test()` 方法或 `match()` 方法进行验证，如 `var regex = /^[0-9]{11}$/; regex.test('12345678901');`。 - 通过正则表达式，可以实现复杂的数据格式检查，提高用户体验并保证数据安全。正则表达式在JavaScript中的应用广泛且灵活，熟练掌握正则表达式有助于提升开发效率，编写出更加健壮的代码。在实际项目中，结合具体需求，灵活运用这些知识点，能有效解决各种字符串处理问题。

资源推荐

资源详情

资源评论

收起资源包目录

正则表达式验证实例.rar （3个子文件）

正则表达式验证实例

ziliao.html.bak 17KB

ZLxinxin.css 4KB

ziliao.html 17KB

<html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=gb2312" /> <title>无标题文档</title> <link href="ZLxinxin.css" type="text/css" rel="stylesheet"/> </head> <script type="text/javascript"> function show() { var years=document.getElementById("year").value; var moth=document.getElementById("Moth").value; var days=new Array(0,31,29,31,30,31,30,31,31,30,31,30,31); if(years%4==0&&years%100!=0 || years%400==0) { days[2]=28; } //当前月份的最大天数 var maxDays= parseInt(days[moth]); var he=document.getElementById("Days"); //清空日期 he.length=0; //循环最大天数 for(i=1; i<=maxDays; i++){ var item = document.createElement("option"); //为city添加子对象 document.getElementById("Days").appendChild(item); //为子对象设置文本 item.value=i; item.innerText = i; } } // function Country() { var Country=document.getElementById("Country"); Country.length=0; var arrs=new Array('美国','日本','泰国','意大利','法国','中国','韩国','俄罗斯','非洲','墨西哥','新加坡','柬埔寨','德国') Country.add(new Option("--请选择所属的国家--")); for(var item in arrs){ Country.add(new Option(arrs[item],arrs[item]));//第一个arrs[item]是显示出来的值第二个arrs[item]表示后台value的值 } } function Leixing() { var lx=document.getElementById("Leixing"); lx.length=0; var arrs=new Array('身份证','户口簿','结婚证','驾驶证','上岗证'); lx.add(new Option("--请选择证件类型--")); for(var item in arrs){ lx.add(new Option(arrs[item],arrs[item])); } } //国家对应的省份 function shengfen(obj) { var shengfen=document.getElementById("shengfen"); shengfen.length=0; var arrs=new Array(); arrs['中国']=['江西省','湖南省','广西省','广东省','辽宁省','黑龙江省','福建省','浙江省']; arrs['美国']=['aa','bb','cc','dd','ee','ff','hh','ii']; arrs['日本']=['ax','bx','cx','dx','axx','bxx','hxx','lxxx']; arrs['德国']=['hf','df','xxxxx','aaaa','asdh','asdxxx','mmmmm','togo']; arrs['法国']=['xxxy','yyy','yyyyy','yyyzzzz','asdsdxxxx','along','fujian','zhejiang']; arrs['意大利']=['tuda','yidali','dali','hongfang','nancamn','yunsi','beixian','quannan']; var it=obj.value; shengfen.add(new Option("--请选择所属的省份--")); for(var item in arrs[it]) { shengfen.add(new Option(arrs[it][item],arrs[it][item])); } } //省份对应的城市 function chengshi(aa) { var chengshi=document.getElementById("chengshi"); chengshi.length=0; var arrs=new Array(); arrs['江西省']=['南昌','赣州']; arrs['湖南省']=['株洲','长沙']; arrs['广西省']=['桂林','贵港']; arrs['广东省']=['广州','珠海']; arrs['辽宁省']=['aa','bb']; arrs['黑龙江省']=['xx','yy']; arrs['福建省']=['cc','qq']; arrs['浙江省']=['台州','宁波']; var it=aa.value; chengshi.add(new Option("--请选择所属的城市--")); for(var item in arrs[it]) { chengshi.add(new Option(arrs[it][item],arrs[it][item])); } } //验证姓名的正则表达式 function checkrealname(username) { var str=username; var Expression=/[^\u4E00-\u9FA5]/; var objExp=new RegExp(Expression); if(objExp.test(str)==true) { return true; }else { return false; } } //验证姓名 function user() { var user=document.getElementById("userName"); var users=document.getElementById("users"); if(user.value=="") { users.innerHTML="<font color='red' size='2;'>姓名不能为空</font>"; user.focus(); return; } else if(checkrealname(user.value)) { users.innerHTML="<font color='red' size='2;'>姓名非法了</font>"; user.focus(); return; } else { users.innerHTML=""; } } //验证联系方式的正则表达式 function checktel(telNo) { var str=telNo; var Expression=/(\d{3}-)?\d{8}|(\d{4}-)(\d{7})/; var Expressionn=/^1[35]d{9}$/; var objExp=new RegExp(Expression); var objExpp=new RegExp(Expressionn); if(objExp.test(str)==true) { return true; }else{ return false; } if(objExpp.test(str)==true) { return true; }else{ return false; } } //验证电话号码 function tel() { var text=document.getElementById("tel"); var Contact=document.getElementById("Contact"); if(text.value=="") { Contact.innerHTML="<font color='red' size='2;'>联系方式不能为空</font>"; text.focus(); return; } if(text.value.length>10) { if(!checktel(text.value)) { Contact.innerHTML="<font color='red' size='2;'>联系方式非法</font>"; text.focus(); return; } } if(text.value.length<10) { if(!checktel(text.value)){ Contact.innerHTML="<font color='red' size='2;'>联系方式非法</font>"; text.focus(); return; } } else { Contact.innerHTML=""; } } //加载目前年薪 function Money() { var Money=document.getElementById("Money"); Money.length=0; var arrs=new Array("2000-3000千","4000-5000千","5000-8000千","1万以上","5万以上","10万以上","100万以上"); Money.add(new Option("--请选择你的年薪--")); for(var item in arrs) { Money.add(new Option(arrs[item],arrs[item])); } } //加载工作年限 function Work() { var work=document.getElementById("work"); work.length=0; var arrs=new Array("3个月","6个月","1年","1年以上","5年以上","10年以上"); work.add(new Option("--请选择你的工作年限--")); for(var item in arrs) { work.add(new Option(arrs[item],arrs[item])); } } //加载货币 function huobi() { var huobi=document.getElementById("huobi"); huobi.length=0; var arrs =new Array("人民币","美元","日元","韩元","英镑","欧元"); huobi.add(new Option("--请选择货币种类--")); for(var item in arrs) { huobi.add(new Option(arrs[item],arrs[item])); } } //验证身份证正则表达式 function checkeNO(NO) { var str=NO; //在JavaScript中，正则表达式只能使用"/"开头和结束，不能使用双引号 var Expression=/^\d{17}[\d|X]|^\d{15}$/; var objExp=new RegExp(Expression); if(objExp.test(str)==true){ return true; }else{ return false; } } //身份证验证 function check() { var ti=document.getElementById("zhengjian").value; var papers=document.getElementById("papers"); if(ti=="") { papers.innerHTML="<font color='red' size='2;'>身份证不能为空</font>"; ti.focus(); return; } if(!checkeNO(ti.value)) { papers.innerHTML="<font color='red' size='2;'>身份证格式不对</font>"; ti.focus(); return; } else { papers.innerHTML=""; } } //验证邮箱正则表达式 function checkemail(email) { var str=email; var Expression=/\w+([-+.']\w+)*@\w+([-.]\w+)*\.\w+([-.]\w+)*/; var objExp=new RegExp(Expression); if(objExp.test(str)==true) { return true; }else { return false; } } //验证邮箱 function cemail() { var Email=document.getElementById("Email"); var Emails=document.getElementById("Emails"); if(Email.value=="") { Emails.innerHTML="<font color='red' size='2;'>身份证不能为空</font>"; Email.focus(); return; } if(!checkemail(Email.value)) { Emails.innerHTML="<font color='red' size='2;'>身份证格式不对</font>"; Email.focus(); return; } else{ Emails.innerHTML=""; } } </script> <body onLoad="show();Leixing();Country();Money();Work();huobi()"> <div id="01"> <div id="xing"> <div class="E2" id="02"> <p> <strong> <img src="../image/fold.gif" width="16" height="16" />基本个人资料 </strong> <span class="STYLE26">(*为必填项)</span> </p> <hr align="center" width="1000" color="#3366FF"/> <table width="100%" height="240" border="0"> <tr> <td width="115" height="21"> <span class="E4">*</span><span class="E6 STYLE13">姓名</span> </td> <td width="373" class="tod"> <span class="STYLE6">   <inpu

评论收藏

内容反馈