php+js+mysql設計的仿webQQ-郵箱驗證

張成金的部落格發表於2012-05-07

最近用php+js+mysql做了一個仿webQQ的課程設計,收穫很多,現在將關鍵的技術總結一下,供大家學習交流。

<1>郵箱驗證

使用者在註冊的時候,會在文字框裡輸入郵箱,這個時候通過文字框的onblur和onchange事件用Ajax無重新整理技術來判斷使用者輸入的郵箱是否合法以及是否與已註冊的郵箱衝突。

Js程式碼

function checkEmail(Email)
{	
var xmlhttp;
if (window.XMLHttpRequest)
  {// code for IE7+, Firefox, Chrome, Opera, Safari
  	xmlhttp=new XMLHttpRequest();
    if(xmlhttp.overrideMimeType)
    {//設定MIME類別
       xmlhttp.overrideMimeType("text/xml");
    }
  }
else
  {// code for IE6, IE5
  	xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");
  }
  var url="checkEmail.php?email="+document.getElementById("email").value;    //轉到checkEmail.php進行驗證
  xmlhttp.open("GET",url,true);
xmlhttp.onreadystatechange=function()
  {
  if (xmlhttp.readyState==4 && xmlhttp.status==200)
    {  
	   document.getElementById("error1").innerHTML=xmlhttp.responseText;
    }
  } 
xmlhttp.send(null);
}

PHP程式碼

<?php
header('Content-Type:text/html;charset=GB2312');    //編碼方式設定
include("conn.php");
$email=$_GET["email"];
$len=strlen($email);
if($email==null)
  {
  	 echo "<font color=red size=2px>*郵箱不能為空!</font>";
  }
else
  {
     if($len>50)
	   {
	   	   echo "<font color=red size=2px>*郵箱不要超過50個字元!</font>";
	   }
	 else
	   {
	   	   if(eregi("^[_.0-9a-z-]+@([0-9a-z][0-9a-z-]+.)+[a-z]{2,3}$",$email))    //在php中用正規表示式驗證郵箱
		     {
			    $sql="select * from user where email='$email'";     //連線資料庫進行查詢看郵箱是否被用
                $result = mysql_query($sql);
                $num=mysql_num_rows($result);
	            if($num>0)
	              {
				  	 echo "<font color=red size=2px>*該郵箱已被用!</font>";
				  }
			    else
				  {
				     echo "<font color=green size=2px>*郵箱可用!</font>";
				  }
	
			 }
		   else
		     {
			 	echo "<font color=red size=2px>*該郵箱不可用!</font>";
			 }	 
	   }  
  }
?>

通過對郵箱驗證的學習,我想其他的驗證應該很簡單了吧!(未完待續)



相關文章