javascript做的数据校验(校验IP地址等)

  1<html>
  2<head>
  3<meta content="text/html; charset=utf-8" http-equiv="Content-Type"/>
  4<meta content="Microsoft FrontPage 4.0" name="GENERATOR"/>
  5<meta content="FrontPage.Editor.Document" name="ProgId"/>
  6<title>New Page 1</title>
  7</head>
  8<body>
  9<script language="javascript">   
 10//校验是否为英文   
 11function checkchar()   
 12{   
 13var Letters = "ABCDEFGHIJKLMNOPQRSTUVWXYZ"   
 14for (i=0; i < document.form.aaa.value.length; i++)   
 15{   
 16var CheckChar = document.form.aaa.value.charAt(i);   
 17CheckChar = CheckChar.toUpperCase();   
 18if (Letters.indexOf(CheckChar) == -1)   
 19{   
 20alert ("输入类型必须为英文!");   
 21return false;   
 22}   
 23}   
 24}   
 25  
 26//校验是否为数字   
 27  
 28function checknum(p)   
 29{   
 30if (p == "")   
 31{alert ("输入不能为空!");   
 32return false;   
 33}   
 34var l = p.length;   
 35var count=0;   
 36for(var i=0; i<l; i++)   
 37{   
 38var digit = p.charAt(i);   
 39if(digit == "." )   
 40{   
 41++count;   
 42if(count>1)   
 43{alert ("输入类型必须为数字!");   
 44return false;   
 45}   
 46}   
 47else if(digit < "0" || digit > "9")   
 48{alert ("输入类型必须为数字!");   
 49return false;   
 50}   
 51}   
 52return true;   
 53}   
 54  
 55//校验IP地址格式   
 56function checkip()   
 57{   
 58var scount=0;   
 59var ip = document.form3.ccc.value;   
 60var iplength = ip.length;   
 61var Letters = "1234567890.";   
 62for (i=0; i < document.form3.ccc.value.length; i++)   
 63{   
 64var CheckChar = document.form3.ccc.value.charAt(i);   
 65if (Letters.indexOf(CheckChar) == -1)   
 66{   
 67alert ("IP地址格式不对!!,只能输入数字和“.”,格式为XXX.XXX.XXX.XXX 例如:192.168.0.1");   
 68document.form3.ccc.value="";   
 69document.form3.ccc.focus();   
 70return false;   
 71}   
 72}   
 73  
 74for (var i = 0;i<iplength;i++)   
 75(ip.substr(i,1)==".")?scount++:scount;   
 76if(scount!=3)   
 77{   
 78alert ("IP地址格式不对!,只能输入数字和“.”,格式为XXX.XXX.XXX.XXX 例如:192.168.0.1");   
 79document.form3.ccc.value="";   
 80document.form3.ccc.focus();   
 81return false;   
 82}   
 83  
 84first = ip.indexOf(".");   
 85last = ip.lastIndexOf(".");   
 86str1 = ip.substring(0,first);   
 87subip = ip.substring(0,last);   
 88sublength = subip.length;   
 89second = subip.lastIndexOf(".");   
 90str2 = subip.substring(first+1,second);   
 91str3 = subip.substring(second+1,sublength);   
 92str4 = ip.substring(last+1,iplength);   
 93  
 94if (str1=="" || str2=="" ||str3== "" ||str4 == "")   
 95{alert("数字不能为空!格式为XXX.XXX.XXX.XXX 例如:192.168.0.1");   
 96document.form3.ccc.value="";   
 97document.form3.ccc.focus();   
 98return false;   
 99}   
100if (str1< 0 || str1 >255)   
101{alert ("数字范围为0~255!");   
102document.form3.ccc.value="";   
103document.form3.ccc.focus();   
104return false;   
105}   
106else if (str2< 0 || str2 >255)   
107{alert ("数字范围为0~255!");   
108document.form3.ccc.value="";   
109document.form3.ccc.focus();   
110return false;   
111}   
112else if (str3< 0 || str3 >255)   
113{alert ("数字范围为0~255!");   
114document.form3.ccc.value="";   
115document.form3.ccc.focus();   
116return false;   
117}   
118else if (str4< 0 || str4 >255)   
119{alert ("数字范围为0~255!");   
120document.form3.ccc.value="";   
121document.form3.ccc.focus();   
122return false;   
123}   
124  
125//校验电话号码   
126function checkphone()   
127{   
128var Letters = "1234567890,";   
129for (i=0; i < document.form4.ddd.value.length; i++)   
130{   
131var CheckChar = document.form4.ddd.value.charAt(i);   
132if (Letters.indexOf(CheckChar) == -1)   
133{   
134alert ("电话号码只能为数字或逗号!");   
135return false;   
136}   
137}   
138}   
139  
140  
141}   
142  
143  
144  
145</script>
146<form action="aa" method="POST" name="form" onsubmit="return checkchar()">
147<p>校验英语字母:<input name="aaa" size="20" type="text"/>
148</p>
149<p>    
150<input name="B1" type="submit" value="提交"/>
151<input name="B2" type="reset" value="全部重写"/></p>
152</form>
153<form method="POST" name="form2" onsubmit="return checknum(document.form2.bbb.value)">
154<p>校验数字:<input name="bbb" size="20" type="text"/></p>
155<p><input name="B1" type="submit" value="提交"/><input name="B2" type="reset" value="全部重写"/></p>
156</form>
157<form method="POST" name="form3" onsubmit="return checkip()">
158<p>校验IP地址:<input name="ccc" size="20" type="text"/></p>
159<p><input name="B1" type="submit" value="提交"/><input name="B2" type="reset" value="全部重写"/></p>
160</form>
161<form method="POST" name="form4" onsubmit="return checkphone()">
162<p>校验电话号码:<input name="ddd" size="20" type="text"/><input name="B1" type="submit" value="提交"/><input name="B2" type="reset" value="全部重写"/></p>
163</form>
164</body>
165</html>
Published At
Categories with Web编程
Tagged with
comments powered by Disqus