标签:put dig htm input oninput nbsp 大小 大小写 ase
今天给大家说一下正则:
正则全程正则表达式,也可以称为规则表达式。英文为:regular expression,简写为reg.
而正则表达式就是和字符串打交道,制定的一系列的规则,这也是他的用法;
特点:性能极高,方便。
正则的写法:
1.传一个参数
var reg = new RegExp(‘要查找的字符串()‘);
str.search(reg);
找不到返回-1;从左往右找一次;区分大小写;
2.传两个参数:
new RegExp(‘要查找的字符串‘,‘g‘);
这里面g代表着: global:全局,全部;
正则的简写:
var reg = //;
一些方法:
str.search(reg);搜索位置;
str.match(reg);匹配对象;
str.replace(reg,‘要替换成的字符‘),或者:str.replace(reg,function(s){ });
reg.test(oTxt.value):检查oTxt.value是否符合需求,符合需求返回true,否则返回false;
||:或者;
|:正则里面的或者;(正则较懒惰,多个或者的时候,只要有一个满足就弹true;)
^:行首;放到[]里面就代表排除;
$:行尾;
一些简写:
i:ignore:忽略
g:global:全局
m:multi-line:多行
关于转义\:
\d:digital:数字
\n:换行;
\s:space:空格;
\w:word:单词;
\D:非数字;
\W:非单词;
\S:非空格;
. :任意东西;
关于[]:
[abc]-->a|b|c;
[1-39]-->1到3,或者9
[a-z]--->a-z 26个小写字母;
[A-Z]--->A-Z 26个大写字母;
[0-9]--->0-9的数字--->\d;
[^0-9]--->非数字;--->\D
[^a-z]--->非小写字母;
[^A-Z]---->非大写字母;
量词:{}
?--->{0,1},可以没有,有最多就只有一个。
{n}:正好n个;/\d{3}/:正好3个数字;
{n,m}最少n个,最多到m个;
{1,}最少1个,最多不限;---> +;
{0,}可以没有,有的话也不限制个数;----> *;
/ab+/--->abbbbbb;
/(ab)+/--->abababab;
+:n多个;
下面分享几个有关正则的实例:
1.校检年龄.html
<script> window.onload=function(){ var oTxt=document.getElementById(‘txt‘); oTxt.oninput=function(){ oTxt.value=oTxt.value.replace(/\D/,‘‘) } } </script> </head> <body> <input type="text" name="" id="txt"/> </body>
2.整理格式.html
<script> window.onload=function(){ var oTxt1=document.getElementById(‘txt1‘); var oTxt2=document.getElementById(‘txt2‘); var oBtn=document.getElementById(‘btn‘); oBtn.onclick=function(){ //oTxt2.value=oTxt1.value.replace(/^/mg,‘ ‘) oTxt2.value=oTxt1.value.replace(/$/mg,‘qwer‘) } } </script> </head> <body> <textarea cols="30" rows="10" id="txt1" name=""></textarea> <input type="button" value="整理" id="btn"/> <textarea cols="30" rows="10" id="txt2" name=""></textarea> </body>
3.校检汉字.html
<script> window.onload=function(){ var oTxt=document.getElementById(‘txt‘); var oBtn=document.getElementById(‘btn‘); var reg=/^[\u4e00-\u9fa5]{2,6}$/; oBtn.onclick=function(){ alert(reg.test(oTxt.value)) } //var reg=/[^\u4e00-\u9fa5]{2,6}$/***汉字的区间; } </script> </head> <body> <input type="text" name="" id="txt"/> <input type="button" name="" value="校检" id="btn"/> </body>
4.检测座机号码.html
<script> window.onload= function () { var oTxt=document.getElementById(‘txt‘); var oBtn=document.getElementById(‘btn‘); var reg=/^(0[1-9]\d{1,2}-)?[1-9]\d{6,7}$/; oBtn.onclick=function(){ alert(reg.test(oTxt.value)) } } </script> </head> <body> <input type="text" name="" id="txt"/> <input type="button" name="" value="校检" id="btn"/> </body>
5.输入框只能输入数字.html
<script> window.onload=function(){ var oTxt=document.getElementById(‘txt‘); oTxt.oninput=function(){ oTxt.value=oTxt.value.replace(/\D/,‘‘) } } </script> </head> <body> <input type="text" name="" id="txt"/> </body>
6.过滤敏感词1.html
<script> var str=‘我会在你身边你左右 绝不会回头 ,你的一举一动 像心跳 牵动我所有 我会在你生变你左右 绝不会放手 无论昨天今天和以后 一直到尽头 等着我 一定回来 做过了人来人往清风徐来 水波不兴 一次就好我带你去看天荒地老 在阳光灿烂的日子里开怀大笑 我不会走 想起那些每天每天每日每夜的守候 大王叫我巡山 大王叫我来巡山 我把车子开上五环 啊 五环 你死四环多一环 啊 五环 你比六环少一环 终于有一天 你会修到七环 修到七环咋么办 你比五环多两环 when i see you again see you again when i see you again 有些难以启齿的柔弱 只能自己慢慢把握 有时候也偷偷掉眼泪 有时候也会默默认真 想过自己也会有可能 如果上天安排 在爱恨的季节里迷惑 忽然又太多的话 有些难以启齿的柔弱的柔弱 忽然间有一天 你不在我听我诉说 ‘ var reg=/你|太多|一|每天每日每夜|人来人往/g; document.write(str.replace(reg,function(s){ var tmp=‘‘; for(var i=0;i< s.length;i++){ tmp+=‘*‘; } return ‘<span style="color:orangered;">‘+tmp+‘</span>‘ })) </script>
7.首字母大写.html
<script> window.onload=function(){ var str=‘come on baby‘; document.write(str.replace(/\w+/g,function(s){ return s.charAt(0).toUpperCase()+ s.substring(1); })) } </script>
标签:put dig htm input oninput nbsp 大小 大小写 ase
原文地址:http://www.cnblogs.com/lianzhibin/p/6052815.html