javascript做的數據校驗（校驗IP地址等）

2019-11-18 21:40:21

字體：大中小

來源：轉載

供稿：網友

<html>

<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<meta name="GENERATOR" content="Microsoft FrontPage 4.0">
<meta name="PRogId" content="FrontPage.Editor.Document">
<title>New Page 1</title>
</head>

<body>

<script language = 'javascript'>
//校驗是否為英文
function checkchar()
{
  var Letters = "ABCDEFGHIJKLMNOPQRSTUVWXYZ"
  for (i=0; i < document.form.aaa.value.length; i++)
  {
   var CheckChar = document.form.aaa.value.charAt(i);
   CheckChar = CheckChar.toUpperCase();
   if (Letters.indexOf(CheckChar) == -1)
   {
    alert ("輸入類型必須為英文！");
    return false;
   }
  }
}

//校驗是否為數字

function checknum(p)
{
if (p == "")
{alert ("輸入不能為空！");
  return false;
}
var l = p.length;
var count=0;
for(var i=0; i<l; i++)
{
var digit = p.charAt(i);
if(digit == "." )
{
  ++count;
  if(count>1)
  {alert ("輸入類型必須為數字！");
   return false;
  }
  }
else if(digit < "0" || digit > "9")
  {alert ("輸入類型必須為數字！");
   return false;
  }
  }
return true;
}

//校驗IP地址格式
function checkip()
{
var scount=0;
var ip = document.form3.ccc.value;
var iplength = ip.length;
var Letters = "1234567890.";
for (i=0; i < document.form3.ccc.value.length; i++)
  {
   var CheckChar = document.form3.ccc.value.charAt(i);
   if (Letters.indexOf(CheckChar) == -1)
   {
    alert ("IP地址格式不對!!，只能輸入數字和“.”,格式為XXX.XXX.XXX.XXX 例如：192.168.0.1");
    document.form3.ccc.value="";
    document.form3.ccc.focus();
    return false;
   }
  }

for (var i = 0;i<iplength;i++)
  (ip.substr(i,1)==".")?scount++:scount;
if(scount!=3)
{
  alert ("IP地址格式不對!，只能輸入數字和“.”,格式為XXX.XXX.XXX.XXX 例如：192.168.0.1");
    document.form3.ccc.value="";
    document.form3.ccc.focus();
  return false;
}

first = ip.indexOf(".");
last = ip.lastIndexOf(".");
str1 = ip.substring(0,first);
subip = ip.substring(0,last);
sublength = subip.length;
second = subip.lastIndexOf(".");
str2 = subip.substring(first+1,second);
str3 = subip.substring(second+1,sublength);
str4 = ip.substring(last+1,iplength);

if (str1=="" || str2=="" ||str3== "" ||str4 == "")
{alert("數字不能為空！格式為XXX.XXX.XXX.XXX 例如：192.168.0.1");
    document.form3.ccc.value="";
    document.form3.ccc.focus();
return false;
}
if (str1< 0 || str1 >255)
{alert ("數字范圍為0~255！");
    document.form3.ccc.value="";
    document.form3.ccc.focus();
    return false;
}
else if (str2< 0 || str2 >255)
{alert ("數字范圍為0~255！");
    document.form3.ccc.value="";
    document.form3.ccc.focus();
return false;
}
else if (str3< 0 || str3 >255)
{alert ("數字范圍為0~255！");
    document.form3.ccc.value="";
    document.form3.ccc.focus();
return false;
}
else if (str4< 0 || str4 >255)
{alert ("數字范圍為0~255！");
    document.form3.ccc.value="";
    document.form3.ccc.focus();
return false;
}

//校驗電話號碼
function checkphone()
{
var Letters = "1234567890,";
for (i=0; i < document.form4.ddd.value.length; i++)
  {
   var CheckChar = document.form4.ddd.value.charAt(i);
   if (Letters.indexOf(CheckChar) == -1)
   {
    alert ("電話號碼只能為數字或逗號！");
    return false;
   }
  }
}

}

</script>

<form name = "form" method="POST" action = "aa" onsubmit ="return checkchar()">
<p>校驗英語字母：<input type="text" name="aaa" size="20">
</p>
<p> 
<input type="submit" value="提交" name="B1">
<input type="reset" value="全部重寫" name="B2"></p>
</form>

<form name = "form2" method="POST" onsubmit= "return checknum(document.form2.bbb.value)">
<p>校驗數字：<input type="text" name="bbb" size="20"></p>
<p><input type="submit" value="提交" name="B1"><input type="reset" value="全部重寫" name="B2"></p>
</form>

<form name = "form3" method="POST" onsubmit = "return checkip()">
<p>校驗IP地址：<input type="text" name="ccc" size="20"></p>
<p><input type="submit" value="提交" name="B1"><input type="reset" value="全部重寫" name="B2"></p>
</form>

<form name = "form4" method="POST" onsubmit = "return checkphone()">
<p>校驗電話號碼：<input type="text" name="ddd" size="20"><input type="submit" value="提交" name="B1"><input type="reset" value="全部重寫" name="B2"></p>
</form>

</body>

</html>

上一篇：用Javascript隱藏超級鏈接的真實地址

下一篇：PHP與Javascript的兩種交互方式