js正则表达式学习
//几种字符串操作:
var str = 'abcdef';
alert(str.search('b')); //弹出1;返回的是b在str中的位置;如果找不到返回-1;
alert(str.substring(2,5)); //弹出cde;不包括结束位置;
alert(str.substring(1)); //弹出bcdef,从开始位置一直截取到结束位置;
alert(str.charAt(3)); //弹出d,返回的是第3个位置的字符;
var str = '12 fff 87 er334 233 -=-=-=fa80';
alert(str.match(/\d+/g)); //返回字符串数组: 12 87 334 233 80 /*
正则表达式的两种风格
*/
var re = new RegExp('a','i');
var re = /a/i;
//找下面字符串中出现的第一个数字:
var str = 'asdf 23 23 zxcacxzczxc';
var re = /\d/; console.log(str.search(re)); //5 找出第一个数字的位置
match用法:
//关于match:
//match: 把所有匹配的东西,全都提取出来;以数组的形式
var str = 'asdf 34 656 vsd33';
var re = /\d/;
var re2 = /\d/g; //g global 找到全部
var re3 = /\d+/g; alert(str.match(re)); //弹出3
alert(str.match(re2)); //弹出3,4,6,5,6,3,3 因为只告诉了计算机找一个数字
alert(str.match(re3)); //弹出34,656,33
replace用法:
//把所有的a都替换成数字0
var str = 'abc aaa erw';
var re = /a/g; alert(str.replace('a', '0')); //弹出0bc aaa erw;
alert(str.replace(re, '0')); //弹出0bc 000 erw;
replace小例子-敏感词过滤:
<body>
<textarea id='txt1' cols="40" rows="5"></textarea><br>
<input id="btn1" type="button" value="过滤"/><br>
<textarea id='txt2' cols="40" rows="5"></textarea><br>
</body> <script type="text/javascript">
//敏感词过滤
window.onload = function(){
var oTxt1 = document.getElementById("txt1");
var oTxt2 = document.getElementById("txt2");
var oBtn = document.getElementById("btn1"); oBtn.onclick=function(){
var re = /北京|淘宝|百度/g; oTxt2.value = oTxt1.value.replace(re, '***');
}
}
</script>
图:

方括号:
var str = 'apc fpc dpc xpc gpc rpc spc ppc';
var re = /[apx]pc/g; alert(str.match(re)); //弹出apc xpc ppc
偷小说的小例子--过滤HTML标签
html标签规则:<除了<>外任意个字符>
<script type="text/javascript">
//过滤HTML标签:
window.onload=function(){
var oTxt1 = document.getElementById('txt1');
var oTxt2 = document.getElementById('txt2');
var oBtn = document.getElementById('btn1'); oBtn.onclick=function(){
var re = /<[^<>]+>/g; oTxt2.value = oTxt1.value.replace(re, '');
}
}
</script>
图:
例1:校验电话号码:
如电话号码: 010-87496698-86:
区号和分机号都是可有可无的;电话开始一位不能是0,假设电话为8位数字;
假设分机号最多5位 (0\d{2,3}-)?[1-9]\d{7}(-\d{1,5})?
括号就是分组起来;
例2:校验邮箱:
<body>
<input type="text" id='txt1'>
<input id="btn1" type="button" value="校验"></input>
</body>
<script type="text/javascript">
//校验邮箱:
window.onload=function(){
var oTxt1 = document.getElementById("txt1");
var oBtn = document.getElementById("btn1");
oBtn.onclick=function(){
//从字符串的开头和结尾,只能出现:\w+@[a-z0-9]+\.[a-z]+
//整个字符串都会校验,而不仅仅是校验一部分
var re = /^\w+@[a-z0-9]+\.[a-z]+$/i; //test方法:
//检验oTxt1.value这个字符串是否符合正则re的规则,如果符合返回true
//test 字符串一部分符合要求,true
if(re.test(oTxt1.value)){
alert("合法邮箱");
}else{
alert("非法邮箱");
}
}
}
</script>
量词:
量词:个数
+ 若干(多少都可以,最少1次),等同于{1,}
{n} 正好出现n次
{n, m} 最少n次,最多m次
(n,} 最少n次,最多不限
? 可有可无,相当于{0, 1}
* 0次或多次,相当于{0,} (慎用,容易出问题,要考虑好)
方括号:
方括号
[abc] a或b或c,任选一个即可 [abc]pc 则apc、bpc、cpc都行;
[a-z] 匹配a-z字母
[0-9] 匹配数字
[^a-z] 匹配除了a-z的字母外;
[^a-z0-9] 匹配除了英文字母和数字之外的东西
转义:
转义:
\d 匹配数字 [0-9]
. 任意字符 (慎用,很容易出问题,用了.很可能是没考虑清楚)
\w 英文、数字、下划线 [a-z0-9_]
\s 空白字符 代表所有的空格,包含tab、回车、换行
\D 除了数字 [^0-9]
\W 除了英文数字下划线 [^a-z0-9_]
\S 除了空白字符
行首行尾:
行首行尾:
^ ^不出现在[]里面,代表行首--即字符串的开头
$ 行尾,即字符串结尾;
后面再学到的再继续补充.......
js正则表达式学习的更多相关文章
- JS正则表达式学习记录
JS:正则表达式学习记录 <!DOCTYPE html> <html lang="en"> <head> <meta charset=&q ...
- JS正则表达式学习总结
JS正则:java RegExp对象,它是对字符串执行模式匹配的强大工具.运用最多的就是在输入处验证输入的字符串是否合法,指定用户输入字符串的格式. 定义方法: 1:直接量语法:var re=/pat ...
- Js正则表达式学习之test和compile的简单介绍
RegExp 对象用于规定在文本中检索的内容. 定义 RegExp RegExp 对象用于存储检索模式. 通过 new 关键词来定义 RegExp 对象.以下代码定义了名为 patt1 的 RegEx ...
- js 正则表达式学习笔记
正则表达式正则表达式是由一个字符序列形成的搜索模型 语法new RegExp("[abc]")/[abc]//正则表达式主体/修饰符(可选) 1.修饰符i 忽略大小写g 执行全局匹 ...
- 【正则】精通JS正则表达式,没消化 信息量太大,好文
http://www.jb51.net/article/25313.htm 正则表达式可以: •测试字符串的某个模式.例如,可以对一个输入字符串进行测试,看在该字符串是否存在一个电话号码模式或一个信用 ...
- js之学习正则表达式
看了掘金的一个作者写的JS正则表达式完整教程 受益匪浅,感谢作者的无私奉献.在此,做下笔记. 目录 0. 目录 1. 正则表达式字符匹配 1.1.字符组 1.2.量词 1.3.多选分支 1.4.案例分 ...
- js正则表达式replace里有变量的解决方法用到RegExp类
一直比较害怕使用正则表达式,貌似很深奥很复杂的样子,所以在用js操作字符串的时候,我最多使用的是replace.split.substring.indexOf等函数,这些函数有时候需要多次叠加使用,但 ...
- JS正则表达式大全(整理详细且实用)
JS正则表达式大全(整理详细且实用).需要的朋友可以过来参考下,希望对大家有所帮助!! 正则表达式中的特殊字符 字符 含意 \ 做为转意,即通常在"\"后面的字符不按原来意义解释, ...
- js 正则学习小记之NFA引擎
原文:js 正则学习小记之NFA引擎 之前一直认为自己正则还不错,在看 次碳酸钴,Barret Lee 等大神都把正则玩的出神入化后发现我只是个战五渣. 求抱大腿,求大神调教. 之前大致有个印象,正 ...
随机推荐
- document与window的区别
[window对象] 它是一个顶层对象,而不是另一个对象的属性,即浏览器的窗口. 属性 defaultStatus 缺省的状态条消息 document 当前显示的文档(该属性本身也是一个对象) fra ...
- C#多线程线程
“线程同步”的含义 当一个进程启动了多个线程时,如果需要控制这些线程的推进顺序(比如A线程必须等待B和C线程执行完毕之后才能继续执行),则称这些线程需要进行“线程同步(thread synchro ...
- Android之自定义控件-城市选择
实现效果: 图片素材: --> 首先, 城市数据字节放在 Json 文件, 就不网络获取了. city.json 存放 Json 数据: { "result&quo ...
- mongodb字段类型转化
最近在使用mongoDB, 发现mongo对字段类型的定义并不是很严格,完全依赖传入数据的类型,在加上PHP是弱类型的语言,所以难免会出现一些错误.如果预想的类型是Int型,但数据存储的是String ...
- ios系统(苹果手机)按钮显示为圆角和渐变的问题
按钮在安卓手机上显示正常,但在苹果手机上会显示如下: 解决办法:给该按钮的样式加上:-webkit-appearance:none;这样按钮就会显示正常
- wininet异步InternetReadFile和超时相关问题
wininet是对socket的封装 主要流程为创建,连接,发送,接收,关闭几个过程 所以在回调函数InternetStatusCallback中可以检测到dwInternetStatus #defi ...
- HttpClientUtil简介
使用HttpClient发送请求.接收响应. http协议可以说是现在Internet上面最重要,使用最多的协议之一了,越来越多的java应用需要使用http协议来访问网络资源,HttpClient ...
- 为maven插件设置参数的三种方法
很多的maven插件都提供了丰富的可选参数,用户可以通过设置特定的参数值来控制maven插件的行为.设置插件参数的方法主要有三种,分别是命令行设置,POM文件中为插件设置全局参数和POM文件中为插件设 ...
- DFS序详解
dfs序就是一棵树在dfs遍历时组成的节点序列. 它有这样一个特点:一棵子树的dfs序是一个区间. 下面是dfs序的基本代码: void dfs(int x,int pre,int d){//L,R表 ...
- CMD:在当前文件夹下打开cmd命令
对于电脑老鸟而言,在使用windows系统的过程中,经常需要在cmd窗口中输入一些命令进行操作.但是如果每一次都是在cmd窗口中用CD命令进行相应的文件夹目录,实在不便,尤其是在文件夹层次比较多而且带 ...