正则表达式、事件调用

正则表达式可解决的问题

表单验证：<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" οnchange="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值,并赋值给sevar pp = document.getElementById("pp");            //获取pp的值并赋值给ppif(se=="11")                                          {pp.innerHTML="价格：3元";               //符合条件的时候，将pp中的文字更改}else if(se=="22"){pp.innerHTML="价格：6元";  }else{pp.innerHTML="价格：12元";  }
}

转载于:https://www.cnblogs.com/zhaotiancheng/p/6127553.html

正则表达式、事件调用相关推荐

echarts点击事件调用模态框，模态框中存在echarts
首先看一下效果 <!DOCTYPE html> <html><head><meta charset="utf-8" /><ti ...
java swing事件机制_java SWing事件调用的两种机制
/** * java swing中事件调用的两种机制: * (一)响应机制 * (二)回调机制 */ package test; import java.awt.*; import java.awt. ...
html onblur 函数执行了2次,JavaScript“onblur事件”调用函数失效原因与解决方法
由于JavaScript事件有很多,例如: 鼠标事件:onclick 键盘事件:onkeydown.onkeypress 表单事件:onblur.onchange 窗口事件属性:onerror.onl ...
Vue父组件与子组件传递事件/调用事件
1.Vue父组件向子组件传递事件/调用事件 <div id="app"><hello list="list" ref="child& ...
element :on-change事件调用两次的问题
element :on-change事件调用两次的问题具体应用代码: <el-upload ref="configUpload"class="upload-dem ...
Python中TKinter的输入框如何绑定回车键事件调用功能函数
Python中TKinter的输入框如何绑定回车键事件调用功能函数 TKinter中的Entry输入框,与普通的按钮类型有所不同,没有command的属性来直接调用一个函数功能,所以,如果要通过键盘按 ...
08.音频系统:第003课_Linux音频驱动程序:第003节_耳麦拔插事件调用流程分析
在前面的小节中,我们编写了一个驱动程序,模拟耳机的插拔事件,其可以上报耳机的拔插事件,并且修改了android的源代码,可以根据耳机的拔插事件,在状态栏上现实或者消除耳麦的图标,这节视频我们讲解耳麦插 ...
java keypress事件_javaweb开发-js代码中keypress事件调用判断，取得keyCode值
在js代码中的一段代码,keypress事件调用的函数中的代码. var keyCode = event.keyCode ? event.keyCode : event.which ? event.w ...
onbeforeunload触发ajax,浅谈window.onbeforeunload() 事件调用ajax
经常有这样的需求,就是在离开某个web页面时,用户不一定点注销,这样会导致会话不能及时销毁.为实现用户离开页面时,自动注销功能,需要在web页面的onbeforeunload事件处理函数中发送注销命令 ...

正则表达式、事件调用

正则表达式、事件调用相关推荐

最新文章

热门文章