正则表达式
<form action="chuli.html" method="get"> <div>用户名:<input id="yhm" type="text" name="yhm" /></div> <div>密码:<input id="mm" type="text" name="mm" /></div> <div>确认密码:<input id="qrmm" type="text" name="qrmm" /></div> <div>年龄:<input id="age" type="text" name="age" /></div> <div>邮箱:<input type="text" name="youxiang" id="youxiang" /></div> <input type="submit" value="注册" onclick="return yanzheng()" />( 如果返回true 继续执行 如果返回false 停止执行) </form> <script type="text/javascript"> function yanzheng() { var yhm = document.getElementById("yhm").value; if(yhm=="")//或者 yhm==null { alert("用户名不能为空"); return false; } else { return true; } } function yanzheng() { var mm = document.getElementById("mm").value; var qrmm = document.getElementById("qrmm").value; if(mm==qrmm) { return true; } else { alert("两次输入的密码不一致"); return false; } } function yanzheng() { var age = document.getElementById("age").value; if(age>=18 && age<=50) { return true; } else { alert("年龄不满足"); return false; } } function yanzheng() { var yx = document.getElementById("youxiang").value; var zz = /^\w+([-+.]\w+)*@\w+([-.]\w+)*\.\w+([-.]\w+)*$/; if(yx.match(zz)==null) { alert("邮箱格式不正确"); return false; } else { return true; } } </script> </body> </html>
正则表达式 补充内容 (match text 和 exco 区别);
--------------------------------------------------------------------------------------------------------------------------------------------
1. 创建正则表达式字面量,加上^和$,与不加是有区别的(对于test方法,存在比正则多的字符的时候,依然返回比较成功true,这与我们仅仅想比较内容符合预期的要求是相背离的。比如:var regx = /\d{1,2}\/\d{1,2}\/\d{4}/gi; regx.test('08/08/2014 5'); 会返回true,因为字符串中包含符合要求的串。match也可以获得匹配的内容,而regx.exec('08/08/2014 2'就会返回null,尽管字符串中有符合要求的内容))
2. macth的调用对象是字符串,exec和test的调用对象是regx
3. 如果你仅仅想在字符串中搜索,那么请不要加开始和结束限定符
4. regx的exec方法会每次返回1个匹配,如果不为空就进行下一次查找,因此可以使用while循环来写
5. macth返回1个匹配的数组,test返回字符串中是否包含指定的模式,exec返回字符串中该模式,并将下一次开始查找的位置保存在lastIndex属性中。
<head runat="server"> <title></title> <script type="text/javascript"> window.onload = function () { var str = "ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz"; var regexp = /[A-E]/gi; var rs = str.match(regexp); console.log(rs); regexp = /[A-E]/gi; rs = regexp.test(str); console.log(rs); regexp = /[A-E]/gi; while ((rs = regexp.exec(str)) != null) { document.write(rs); document.write(regexp.lastIndex); document.write("<br />"); } }; </script> </head>
正则表达式 使用 正则表达式 去匹配 字符串中得 内容 match 方法 匹配到几个 输出几个 其他的 见下面
例题:
-------------------------------------------------------------------------------------------------------------------------------------------
基础:
if(yhm=="")//或者 yhm==null
1.非空验证 2.相等验证 3.范围验证 4.正则验证 正则表达式 定界符:// 匹配开头:^ 匹配结尾:$ \反斜杠:代表转义 \n \r 换行 \t制表符 \"输出双引号 \'输出单引号 *代表前面的表达式可以出现任意次 +代表前面的表达式可以出现至少一次 ?代表前面的表达式出现0次或1次 {n}代表前面的表达式出现n次 {n,}代表前面的表达式至少出现n次 {n,m}代表前面的表达式至少出现n次,最多出现m次 x|y要么匹配x要么匹配y [xyz]匹配[]所包含的任意一个字符 [0-9]匹配0到9之间的任意字符 \d匹配一个数字字符 \D匹配一个非数字字符 \w匹配包括下划线的任意单词字符 \W匹配任何非单词字符
常用的正则表达式
常用正则表达式: 匹配国内电话号码:d{3}-d{8}|d{4}-d{7} 评注:匹配形式如 0511-4405222 或 021-87888822 匹配腾讯QQ号:[1-9][0-9]{4,} 评注:腾讯QQ号从10000开始 匹配中国邮政编码:[1-9]d{5}(?!d) 评注:中国邮政编码为6位数字 匹配身份证:d{15}|d{18} 评注:中国的身份证为15位或18位 匹配ip地址:d+.d+.d+.d+ 评注:提取ip地址时有用 匹配特定数字: ^[1-9]d*$ //匹配正整数 ^-[1-9]d*$ //匹配负整数 ^-?[1-9]d*$ //匹配整数 ^[1-9]d*|0$ //匹配非负整数(正整数 + 0) ^-[1-9]d*|0$ //匹配非正整数(负整数 + 0) ^[1-9]d*.d*|0.d*[1-9]d*$ //匹配正浮点数 ^-([1-9]d*.d*|0.d*[1-9]d*)$ //匹配负浮点数 ^-?([1-9]d*.d*|0.d*[1-9]d*|0?.0+|0)$ //匹配浮点数 ^[1-9]d*.d*|0.d*[1-9]d*|0?.0+|0$ //匹配非负浮点数(正浮点数 + 0) ^(-([1-9]d*.d*|0.d*[1-9]d*))|0?.0+|0$ //匹配非正浮点数(负浮点数 + 0) 评注:处理大量数据时有用,具体应用时注意修正 匹配特定字符串: ^[A-Za-z]+$ //匹配由26个英文字母组成的字符串 ^[A-Z]+$ //匹配由26个英文字母的大写组成的字符串 ^[a-z]+$ //匹配由26个英文字母的小写组成的字符串 ^[A-Za-z0-9]+$ //匹配由数字和26个英文字母组成的字符串 ^w+$ //匹配由数字、26个英文字母或者下划线组成的字符串 在使用RegularExpressionValidator验证控件时的验证功能及其验证表达式介绍如下: 只能输入数字:“^[0-9]*$” 只能输入n位的数字:“^d{n}$” 只能输入至少n位数字:“^d{n,}$” 只能输入m-n位的数字:“^d{m,n}$” 只能输入零和非零开头的数字:“^(0|[1-9][0-9]*)$” 只能输入有两位小数的正实数:“^[0-9]+(.[0-9]{2})?$” 只能输入有1-3位小数的正实数:“^[0-9]+(.[0-9]{1,3})?$” 只能输入非零的正整数:“^+?[1-9][0-9]*$” 只能输入非零的负整数:“^-[1-9][0-9]*$” 只能输入长度为3的字符:“^.{3}$” 只能输入由26个英文字母组成的字符串:“^[A-Za-z]+$” 只能输入由26个大写英文字母组成的字符串:“^[A-Z]+$” 只能输入由26个小写英文字母组成的字符串:“^[a-z]+$” 只能输入由数字和26个英文字母组成的字符串:“^[A-Za-z0-9]+$” 只能输入由数字、26个英文字母或者下划线组成的字符串:“^w+$” 验证用户密码:“^[a-zA-Z]w{5,17}$”正确格式为:以字母开头,长度在6-18之间, 只能包含字符、数字和下划线。 验证是否含有^%&'',;=?$"等字符:“[^%&'',;=?$x22]+” 只能输入汉字:“^[u4e00-u9fa5],{0,}$” 验证Email地址:“^w+[-+.]w+)*@w+([-.]w+)*.w+([-.]w+)*$” 验证InternetURL:“^http://([w-]+.)+[w-]+(/[w-./?%&=]*)?$” 验证电话号码:“^((d{3,4})|d{3,4}-)?d{7,8}$” 正确格式为:“XXXX-XXXXXXX”,“XXXX-XXXXXXXX”,“XXX-XXXXXXX”, “XXX-XXXXXXXX”,“XXXXXXX”,“XXXXXXXX”。 验证身份证号(15位或18位数字):“^d{15}|d{}18$” 验证一年的12个月:“^(0?[1-9]|1[0-2])$”正确格式为:“01”-“09”和“1”“12” 验证一个月的31天:“^((0?[1-9])|((1|2)[0-9])|30|31)$” 正确格式为:“01”“09”和“1”“31”。 匹配中文字符的正则表达式: [u4e00-u9fa5] 匹配双字节字符(包括汉字在内):[^x00-xff] 匹配空行的正则表达式:n[s| ]*r 匹配HTML标记的正则表达式:/<(.*)>.*|<(.*) />/ 匹配首尾空格的正则表达式:(^s*)|(s*$) 匹配Email地址的正则表达式:w+([-+.]w+)*@w+([-.]w+)*.w+([-.]w+)* 匹配网址URL的正则表达式:http://([w-]+.)+[w-]+(/[w- ./?%&=]*)?
基础知识
1.表单验证<form></form> (1).非空验证(去空格) (2).对比验证(跟一个值对比) (3).范围验证(根据一个范围进行判断) (4).固定格式验证:电话号码,身份证号,邮箱,信用卡号等的验证;需要用到正则表达式来进行验证。 (5).其它验证 2.正则表达式 用符号来描述书写规则:/ 中间写正则表达式 / ^ :匹配开头,$:匹配结尾 ; /^ve/以ve开头的 /ve$/以ve结尾 \d:一个任意的数字 \w:一个任意的数字或字母 \s:一个任意的字符串 {n}:把左边的表达式重复n遍 {m,n}:把左边的表达式重复至少m遍,至多n遍 {m, }:把左边的表达式重复至少m遍,,至多不限 +:左边的表达式,至少出现一次,至多不限,相当于{1,} *:左边的表达式,至少出现0次,至多不限,相当于{0,} ?:左边的表达式,至少出现0次,至多出现1次,相当于{0,1} [a,b,c]:只能取方括号中内容之一 [a-z]或[1-9]:在范围中取其一 |:代表或者; ():优先级; \:转义--“\( \)”这个才是要出现的小括号,需要转义 3.事件 事件有三要素:事件源、事件数据、事件处理程序 事件冒泡:当元素嵌套的时候,内部元素激发某个事件后,默认情况下外部元素相应的事件也会跟着依次触发 可以加return false;是阻止默认操作 onclick: 鼠标单击触发 ondblclick: 双击触发 onmouseover: 鼠标移动上面触发 onmouseout: 鼠标离开时触发 onmousemove: 鼠标在上面移动时触发 onchange: 只要内容改变触发 onblur: 失去焦点时触发 onfocus: 获得焦点时触发 onkeydown: 按键按下的时候触发 onkeyup:按键抬起来的时候触发 onkeypress:事件在用户按下并放开任何字母数字键时发生。但是系统按钮(例如:箭头键、功能键)无法得到识别。