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>

 

  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值