设为首页 加入收藏

TOP

web前端篇:JavaScript正则表达式(三)
2019-09-17 19:00:14 】 浏览:67
Tags:web 前端 JavaScript 正则 表达式
);//["a", "b", "c", "d", "e", "f"] var str2 = "a, b ,c,d"; var res2 = str2.split(/, */);//以0或对个逗号空格来分割字符串 console.log(res2);//["a", "b ", "c", "d"] </script> </body> </html>

3.7示例:

  • 从URL中提取子域名
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>split</title>
</head>
<body>
    <script type="text/java script">
          var url = "http://www.abc.com";
          var reg = /[^.]+/;//匹配除了.之外的其他字符
          var res = reg.exec(url)[0].substr(7);
          console.log(reg.exec(url));//["http://www", index: 0, input: "http://www.abc.com"]
          console.log(res);//www
    </script>
</body>
</html>

4.常用正则匹配

匹配国内电话号码:\d{3}-\d{8}|\d{4}-\d{7}

如 0511-4405222 或 021-87888822

匹配QQ号:[1-9][0-9]{4,}

从10000开始

邮政编码:[1-9]\d{5}(?!\d)

邮政编码为6位数字

匹配身份证:/^(\d{14}|\d{17})(\d|[xX])$/

匹配规则:身份证号码有15位或者18位,其中最后一位可能是X,其他全是数字

匹配ip地址:\d+.\d+.\d+.\d+

匹配帐号是否合法(字母开头,允许5-16字节,允许字母数字下划线):^[a-zA-Z][a-zA-Z0-9_]{4,15}$ 表单验证时很实用

匹配中文字符: /[\u4E00-\u9FA5\uf900-\ufa2d]/

使用 Unicode,必须使用\u开头,接着是字符编码的四位16进制表现形式

匹配Email地址:

/^([a-zA-Z_0-9-])+@([a-zA-Z_0-9-])+(.[a-zA-Z_0-9-])+$/

邮箱的规则是: 由3部分组成

由1个或者多个字母数字下划线和杠 + @ + 1个或者多个字母数字下划线和杠 + . + 1个或者多个字母数字下划线和杠

匹配网址URL:[a-zA-z]+://[^\s]*

判断字符串是不是由数字组成: /^\d*$/

限制文本框只能输入数字和小数点(二位小数点):

/^\d*.?\d{0,2}$/

说明:开头有0个或者多个数字,(?表示匹配前一项0次或者多次)中间有0个或者1个小数点,小数点后面有0个或者最多2个数字

用户名正则: /^[\u4E00-\u9FA5\uf900-\ufa2d\w]{4,16}$/

匹配规则:只能是中文,英文,数字,下划线,4-16个字符

匹配中文字符正则:/[\u4E00-\u9FA5\uf900-\ufa2d]/

\w是 匹配英文,数字,下划线

匹配英文地址:/^[a-zA-Z][.a-zA-Z\s,0-9]*?[a-zA-Z]+/匹配规则:包含点,字母,空格,逗号,数字,但是开头和结尾必须为字母分析:开头必须为字母可以这样写/[a?zA?Z]/结尾必须为字母可以这样写:/[a?zA?Z]+/

中间包含点,字母,空格,逗号,数字的正则:/[.a-zA-Z\s,0-9]*?/

外面的*号是0个或者多个,后面的问号? 代表可有可无;有就匹配,没有就不匹配;

匹配价格:/^\d*(.\d{0,2})?$/

匹配规则: 开头有0个或者多个数字,中间可能有一个小数点,后面有可能有0-2位小数

单词的首字母大写:/\b(\w)|\s(\w)/g

验证日期格式:/^\d{4}[-\/]\d{1,2}[-\/]\d{1,2}$/

日期格式有2种 第一种是yyyy-mm-dd 或 yyyy/mm/dd

分析:月和天数可以有1位或者2位

此文源于: https://www.jb51.net/article/97901.htm

首页 上一页 1 2 3 下一页 尾页 3/3/3
】【打印繁体】【投稿】【收藏】 【推荐】【举报】【评论】 【关闭】 【返回顶部
上一篇Vue+element 解决浏览器自动填充.. 下一篇6.12号整理(h5新特性-图片、文件..

最新文章

热门文章

Hot 文章

Python

C 语言

C++基础

大数据基础

linux编程基础

C/C++面试题目