-
求职秘籍
站-
热门城市 全国站>
-
其他省市
-
-
400-636-0069
摘要：本篇Web前端教程将为大家讲解Web前端基础的知识点，看完这篇文章会让你对Web前端基础编程的知识点有更加清晰的理解和运用。
Web前端基础 正则表达式大全
本篇Web前端教程将为大家讲解Web前端基础的知识点，看完这篇文章会让你对Web前端基础编程的知识点有更加清晰的理解和运用。
字符
\d:数字（\d\d:匹配两个，以此类推） \D:非数字
\b:独立部分 \B:非独立部分
\s:空格 \S:非空格
\w:字符（包含数字，字母，下划线） \W:非字符（汉字是非字符）
/g:全局匹配
i:不区分大小写
+：至少出现一次
$:必须以谁结束
. :匹配任意字符
\. :匹配真正的点
*:至少0个，最多不限
[]:或
^：非/ ^ / 或者以谁开始 /[^ ]/
正则表达式方法
1、test：匹配字符串
写法：正则.test(字符串); //返回布尔值
2、search
写法：字符串.search(正则); //成功：返回匹配成功的位置（位置从0开始，空格也算一个位置），失败：返回-1
注：i：正则默认区分大小写，如果不需要区分，在正则的最后加i
g :全局匹配，找出所有匹配项
3、match
写法：字符串.match(正则); //成功：返回数组，失败：返回null
4、replace
写法：字符串.replace（正则，新的字符串）; //成功：匹配成功的字符会被替换成新的字符，失败：返回原字符串
* 新的字符也可以是回调函数，回调函数的第一个参数$0是匹配成功的字符，第二个参数$1是匹配成功的字符的第一个子项，第三个参数$2是匹配成功的字符的第二个子项，以此类推
例如：
1. var str='2013-6-7';
2. var re=/(\d+)(-)/g;
3. str=str.replace(re,function($0,$1,$2){
4. return $1+'.';
5. });
6. alert(str);说明：
$0是2013-，6-
$1是2013，6
$2是-，-
5、正则表达式的匹配子项：小括号()，()还有分组操作的意思，通过小括号把母体分成多个子项去操作比较方便
6、[]
（1）用[]表示一组相似的元素，整体代表一个字符
例如：
1. var str='abecde'; 2. var re=/a[bde]+c/; //+表示匹配[]里多个且连续的字符 3. alert(str.match(re)); //弹出abec
（2）正则表达式的范围：如[a-z0-9A-Z]
7、{}
{4，7}：最少出现4次，最多出现7次
{4，}：最少出现4次，最多不限
{4}：恰好出现4次
8、^
（1）正则表达式的排除（放在[]里面）
例如： /[^abc]/匹配的是"a","b","c"之外的所有字符
（2）^写在正则的最前面表示起始必须为（在[]外）
9、正则表达式更多的转移字符
. 任意符号
\. 真正的点
\b 独立部分
\B 非独立部分
\n 重复的第n个子项（复制第n个子项）
10、特殊符号含义
+：出现至少1次，{1，}
？：出现0-1次，{0，1}
*：至少出现0次，无上限，{0，}
常用正则匹配
去标签代码：
1. var str='<h3 id="xx">标题</h3>aaaa'; 2. var re=/<[^<>]+>/g; 3. alert(str.replace(re,'')); //弹出：标题aaaa
正则表达式表单验证实例：
/*是否带有小数*/
function isDecimal(strValue ) {
var objRegExp= /^\d+\.\d+$/;
return objRegExp.test(strValue);
}/*校验是否中文名称组成 */
functionischina(str) {
varreg=/^[\u4E00-\u9FA5]{2,4}$/; /*定义验证表达式*/
returnreg.test(str); /*进行验证*/
}/*校验是否全由8位数字组成 */
function isStudentNo(str) {
varreg=/^[0-9]{8}$/; /*定义验证表达式*/
returnreg.test(str); /*进行验证*/
}/*校验电话码格式 */
function isTelCode(str) {
varreg= /^((0\d{2,3}-\d{7,8})|(1[3584]\d{9}))$/;
returnreg.test(str);
}/*校验邮件地址是否合法 */
function IsEmail(str) {
varreg=/^([a-zA-Z0-9_-])+@([a-zA-Z0-9_-])+(\.[a-zA-Z0-9_-])+/;
returnreg.test(str);
}去除左边的空格：
1. String.prototype.LTrim = function(){
2. return this.replace(/(^\s*)/g, "");
3. }去除右边的空格：
1. String.prototype.Rtrim = function(){
2. return this.replace(/(\s*$)/g, "");
3. }去除前后的空格：
1. String.prototype.Trim = function(){
2. return this.replace(/(^\s*)|(\s*$)/g, "");
3. }得到左边的字符串
1. String.prototype.Left = function(len)
2. {
3. if(isNaN(len)||len==null){
4. len = this.length;
5. }else{
6. if(parseInt(len)<0||parseInt(len)>this.length)
7. {
8. len = this.length;
9. }
10. }
11. return this.substr(0,len);
12. }得到右边的字符串
1. String.prototype.Right = function(len){
2. if(isNaN(len)||len==null)
3. {
4. len = this.length;
5. }else
6. {
7. if(parseInt(len)<0||parseInt(len)>this.length)
8. {
9. len = this.length;
10. }
11. }
12. return this.substring(this.length-len,this.length);
13. }得到中间的字符串,注意从0开始
1. String.prototype.Mid = function(start,len){
2. return this.substr(start,len);
3. }在字符串里查找另一字符串:位置从0开始
1. String.prototype.InStr = function(str)
2. {
3. if(str==null){
4. str = "";
5. }
6. return this.indexOf(str);
7. }
8.
9. //在字符串里反向查找另一字符串:位置0开始
10. String.prototype.InStrRev = function(str)
11. {
12. if(str==null){
13. str = "";
14. }
15. return this.lastIndexOf(str);
16. }计算字符串打印长度
1. String.prototype.LengthW = function()
2. {
3. return this.replace(/[^\x00-\xff]/g,"**").length;
4. }//是否是正确的IP地址
1. String.prototype.isIP = function()
2. {
3. var reSpaceCheck = /^(\d+)\.(\d+)\.(\d+)\.(\d+)$/;
4. if (reSpaceCheck.test(this))
5. {
6. this.match(reSpaceCheck);
7. if (RegExp.$1 <= 255 && RegExp.$1 >= 0&& RegExp.$2 <= 255 && RegExp.$2 >= 0&& RegExp.$3 <= 255 && RegExp.$3 >= 0&& RegExp.$4 <= 255 &&RegExp.$4 >= 0){
8. return true;
9. }else
10. {
11. return false;
12. }
13. }else{
14. return false;
15. }
16. }是否是正确日期
1. //是否是正确的长日期
String.prototype.isLongDate = function(){
var r = this.replace(/(^\s*)|(\s*$)/g, "").match(/^(\d{1,4})(-|\/)(\d{1,2})\2(\d{1,2}) (\d{1,2}):(\d{1,2}):(\d{1,2})$/);
if(r==null){
return false;
}
var d = new Date(r[1], r[3]-1,r[4],r[5],r[6],r[7]);
return (d.getFullYear()==r[1]&&(d.getMonth()+1)==r[3]&&d.getDate()==r[4]&&d.getHours()==r[5]&&d.getMinutes()==r[6]&&d.getSeconds()==r[7]);
}
//是否是正确的短日期
String.prototype.isShortDate = function(){
var r = this.replace(/(^\s*)|(\s*$)/g, "").match(/^(\d{1,4})(-|\/)(\d{1,2})\2(\d{1,2})$/);
if(r==null){return false;
}
var d = new Date(r[1], r[3]-1, r[4]);
return (d.getFullYear()==r[1]&&(d.getMonth()+1)==r[3]&&d.getDate()==r[4]);}
//是否是正确的日期
String.prototype.isDate = function(){return this.isLongDate()||this.isShortDate();
}//是否是手机
1. String.prototype.isMobile = function()
2. {
3. return /^0{0,1}13[0-9]{9}$/.test(this);
4. }//是否是邮件
1. String.prototype.isEmail = function()
2. {
3. return /^\w+((-\w+)|(\.\w+))*\@[A-Za-z0-9]+((\.|-)[A-Za-z0-9]+)*\.[A-Za-z0-9]+$/.test(this);
4. }//是否是邮编(中国)
1. String.prototype.isZipCode = function()
2. {
3. return /^[\\d]{6}$/.test(this);
4. }
//是否是有汉字
1. String.prototype.existChinese = function()
2. {
3. //[\u4E00-\u9FA5]為漢字﹐[\uFE30-\uFFA0]為全角符號
4. return /^[\x00-\xff]*$/.test(this);
5. }//是否是合法的文件名/目录名
1. String.prototype.isFileName = function()
2. {
3. return !/[\\\/\*\?\|:"<>]/g.test(this);
4. }//是否是有效链接
1. String.prototype.isUrl = function()
2. {
3. return /^http[s]?:\/\/([\w-]+\.)+[\w-]+([\w-./?%&=]*)?$/i.test(this);
4. }
//是否是有效的身份证(中国)
1. String.prototype.isIDCard = function()
2. {
3. var iSum=0;
4. var info="";
5. var sId = this;
6.
7. var aCity={11:"北京",12:"天津",13:"河北",14:"山西",15:"内蒙古",21:"辽宁",22:"吉林",23:"黑龙 江",31:"上海",32:"江苏",33:"浙江",34:"安徽",35:"福建",36:"江西",37:"山东",41:"河南",42:"湖 北",43:"湖南",44:"广东",45:"广西",46:"海南",50:"重庆",51:"四川",52:"贵州",53:"云南",54:"西藏",61:"陕西",62:"甘肃",63:"青海",64:"宁夏",65:"新疆",71:"台湾",81:"香港",82:"澳门",91:"国外"};
8.
9. if(!/^\d{17}(\d|x)$/i.test(sId))
10. {
11. return false;
12. }
13. sId=sId.replace(/x$/i,"a");
14.
15. //非法地区
16. if(aCity[parseInt(sId.substr(0,2))]==null)
17. {
18. return false;
19. }
20.
21. var sBirthday=sId.substr(6,4)+"-"+Number(sId.substr(10,2))+"-"+Number(sId.substr(12,2));
22.
23. var d=new Date(sBirthday.replace(/-/g,"/"))
24.
25. //非法生日
26. if(sBirthday!=(d.getFullYear()+"-"+ (d.getMonth()+1) + "-" + d.getDate()))
27. {
28. return false;
29. }
30. for(var i = 17;i>=0;i--)
31. {
32. iSum += (Math.pow(2,i) % 11) * parseInt(sId.charAt(17 - i),11);
33. }
34.
35. if(iSum%11!=1)
36. {
37. return false;
38. }
39. return true;
40.
41. }//是否是有效的电话号码(中国)
1. String.prototype.isPhoneCall = function()
2. {
3. return /(^[0-9]{3,4}\-[0-9]{3,8}$)|(^[0-9]{3,8}$)|(^[0−9]3,4[0−9]3,4[0-9]{3,8}$)|(^0{0,1}13[0-9]{9}$)/.test(this);
4. }1. //是否是数字
2. String.prototype.isNumeric = function(flag)
3. {
4. //验证是否是数字
5. if(isNaN(this))
6. {
7.
8. return false;
9. }
10.
11. switch(flag)
12. {
13.
14. case null: //数字
15. case "":
16. return true;
17. case "+": //正数
18. return /(^\+?|^\d?)\d*\.?\d+$/.test(this);
19. case "-": //负数
20. return /^-\d*\.?\d+$/.test(this);
21. case "i": //整数
22. return /(^-?|^\+?|\d)\d+$/.test(this);
23. case "+i": //正整数
24. return /(^\d+$)|(^\+?\d+$)/.test(this);
25. case "-i": //负整数
26. return /^[-]\d+$/.test(this);
27. case "f": //浮点数
28. return /(^-?|^\+?|^\d?)\d*\.\d+$/.test(this);
29. case "+f": //正浮点数
30. return /(^\+?|^\d?)\d*\.\d+$/.test(this);
31. case "-f": //负浮点数
32. return /^[-]\d*\.\d$/.test(this);
33. default: //缺省
34. return true;
35. }
36. }//是否是颜色(#FFFFFF形式)
1. String.prototype.IsColor = function()
2. {
3. var temp = this;
4. if (temp=="") return true;
5. if (temp.length!=7) return false;
6. return (temp.search(/\#[a-fA-F0-9]{6}/) != -1);
7. }//转换成全角
1. String.prototype.toCase = function()
2. {
3. var tmp = "";
4. for(var i=0;i<this.length;i++)
5. {
6. if(this.charCodeAt(i)>0&&this.charCodeAt(i)<255)
7. {
8. tmp += String.fromCharCode(this.charCodeAt(i)+65248);
9. }
10. else
11. {
12. tmp += String.fromCharCode(this.charCodeAt(i));
13. }
14. }
15. return tmp
16. }
//对字符串进行Html编码
1. String.prototype.toHtmlEncode = function()
2. {
3. var str = this;
4.
5. str=str.replace(/&/g,"&");
6. str=str.replace(/</g,"<");
7. str=str.replace(/>/g,">");
8. str=str.replace(/\'/g,"'");
9. str=str.replace(/\"/g,""");
10. str=str.replace(/\n/g,"<br>");
11. str=str.replace(/\ /g," ");
12. str=str.replace(/\t/g," ");
13.
14. return str;
15. }
//转换成日期
1. String.prototype.toDate = function()
2. {
3. try{
4. return new Date(this.replace(/-/g, "\/"));
5. }catch(e){
6. return null;
7. }
8. }
以上内容由职坐标整理并发布，欢迎大家前来职坐标学习！
喜欢 | 0
不喜欢 | 0
您输入的评论内容中包含违禁敏感词
我知道了
请输入正确的手机号码
请输入正确的验证码
您今天的短信下发次数太多了，明天再试试吧！
我们会在第一时间安排职业规划师联系您！
您也可以联系我们的职业规划师咨询：
版权所有 职坐标-一站式IT培训就业服务领导者 沪ICP备13042190号-4
上海海同信息科技有限公司 Copyright ©2015 www.zhizuobiao.com，All Rights Reserved.
沪公网安备 31011502005948号
索取资料
答疑解惑
技术交流
职业测评
面试技巧
高薪秘笈
