正则表达式事件调用
Posted 赵天成123
tags:
篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了正则表达式事件调用相关的知识,希望对你有一定的参考价值。
正则表达式可解决的问题
表单验证:<form></form> 表单
去空验证,对比验证;范围验证;固定格式验证;
正则表达式书写规则: / 中间写表达式 /
例 : 身份证验证: /^[0-9]{17}[0-9|x]$/ 以^开头,以$结尾
\d:一个任意的数字 任意数字,0-9
\w:一个任意数字或字母
\s:一个任意的字符串
{n}:把左面的表达式充分N遍
{m,n}把左边的表达式重复至少M遍,最多n遍
{m, }把左边的表达式重复至少M遍,至多不限
+ 把左边的表达式至少出现一次,至多不限相当于{1, }
* 把左边的表达式至少出现0次,至多不限,相当于{0, }
? 左边的表达式,至少出现0次,至多出现1次,相当于{0,1}
[a,b,c] 只能取括号中内容之一
[a-z]或者[1-9]在范围内取其一
|代表或者;
()优先级
\转义
例:用正则表达式验证身份证
<body> <form> <inpute type="text" id="1"> </form> </body> </html> <script> var a=document.getElementById("1").value; var s= new.RegExp(/^[0-9]{17}[0-9|x]$/); if(s.test(a)) { alert("输入正确") } </srcript>
事件调用
onclick:鼠标单击触发
ondblclick:鼠标双击触发
onmouseover:鼠标移动上面触发
onmouseout:鼠标离开触发
onmousemove:鼠标在上面移动时触发
onchange:内容改变时触发
内容改变时触发 的效果
<body> <select size="1" id="se" onchange="change()"> <option value="11">可口可乐</option> <option value="22" selected="selected">红牛</option> <option value="33">Rio</option> </select><br /> <p id="pp">价格:6元</p> </body> </html> <script> function change() { var se = document.getElementById("se").value; //获取se的value值,并赋值给se var pp = document.getElementById("pp"); //获取pp的值并赋值给pp if(se=="11") { pp.innerHTML="价格:3元"; //符合条件的时候,将pp中的文字更改 } else if(se=="22") { pp.innerHTML="价格:6元"; } else { pp.innerHTML="价格:12元"; } }
以上是关于正则表达式事件调用的主要内容,如果未能解决你的问题,请参考以下文章
正则表达式匹配特定的 URL 片段而不是所有其他 URL 可能性