JS页面文本填写规则

IP规则:

<meta charset=utf-8>
输入IP:<input type=text id=ip> <span id=ip_img></span><hr>
<input type=button value=验证 onclick="check()">
<script language="javascript">
function check()
{
	var ip=document.getElementById("ip").value; //192.168.0.188
	var ip1=/^[0-9]$/; //0-9
	var ip2=/^[1-9][0-9]$/; //10-99
	var ip3=/^1[0-9]{2}$/; //100-199
	var ip4=/^2[0-4][0-9]$/; //200-249
	var ip5=/^25[0-5]$/; //250-255
	var ips=ip.split(".");
	//alert(ips.length); //ips[0]=192; ips[1]=168; ips[2]=0; ips[3]=188
	var flag=0; //一旦有一个结果是false,让flag=1
	for(i=0;i<ips.length;i++)
	{
		var result1=ip1.test(ips[i]);
		var result2=ip2.test(ips[i]);
		var result3=ip3.test(ips[i]);
		var result4=ip4.test(ips[i]);
		var result5=ip5.test(ips[i]);
		var result=result1||result2||result3||result4||result5;
		if(!result)
		{
			flag=1;
			break;
		}
		else
			flag=0;
	}
	if(flag==0 && ips.length==4)
		document.getElementById("ip_img").innerHTML="<img src=images/right.png width=15 height=15>";
	else
		document.getElementById("ip_img").innerHTML="<img src=images/wrong.png width=15 height=15>";
}
</script>

tel(电话号规则):

<meta charset=utf-8>
输入手机号:<input type=text id=tel onKeyup="check()"> <span id=tel_img></span>
<script language="javascript">
function check()
{
	var tel=document.getElementById("tel").value;
	var tel_guize=/^1[345789][0-9]{9}$/;
	if(tel_guize.test(tel))
		document.getElementById("tel_img").innerHTML="<img src=images/right.png width=15 height=15>";
	else
		document.getElementById("tel_img").innerHTML="<img src=images/wrong.png width=15 height=15>";
}
</script>

邮箱规则(mail):

<meta charset=utf-8>
输入邮箱:<input type=text id=mail onKeyup="check()"> <span id=mail_img></span>
<script language="javascript">
function check()
{
	var mail=document.getElementById("mail").value;
	var mail_guize=/^\w+@\w+\.[a-z\.]+$/;
	if(mail_guize.test(mail))
		document.getElementById("mail_img").innerHTML="<img src=images/right.png width=15 height=15>";
	else
		document.getElementById("mail_img").innerHTML="<img src=images/wrong.png width=15 height=15>";
}
</script>

猜你喜欢

转载自blog.csdn.net/qq_40383417/article/details/81295682
今日推荐