正则表达式、事件调用

正则表达式可解决的问题

表单验证:<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元";	
	}
}

  

原文地址:https://www.cnblogs.com/zhaotiancheng/p/6127553.html