正则表达式、事件调用

正则表达式可解决的问题

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

　　

 

posted @ 2016-12-02 22:16  赵天成123  阅读(1209)  评论(0)  编辑  收藏  举报