注册时的用户名检测

Question

<input type="button" value="查看用户名是否存在"  onclick="window.open('check.php?username='+this.form.username.value)"/>

Answer 1

<script type="text/javascript">
function a(){
document.form1.action="check.php";
document.form1.submit();
}
function b(){
document.form1.action="b.php";
document.form1.submit();
}
</script>
<form method="post" action="b.php">
<input type="text" name="username" /> <input type="submit" value="查看用户名是否存在" onclick="a()" />
<input type="text" name="password" />
<input type="submit" value="提交" onclick="b()"/>
</form> 试试看！

Answer 2

<script language='javascript'>
var request = null;
function initReq(reqType,url,bool,respHandle)
{
request.onreadystatechange=respHandle;
request.open(reqType,url,bool);
if(reqType.toLowerCase() == "post") 
{
  request.setRequestHeader("Content-Type","application/x-www-form-urlencoded; charset=UTF-8");
  request.send(arguments[4]);
}   
else 
{
  request.send(null);
}
}function httpRequest(reqType,url,asynch,respHandle)
{
 //Mozilla-based browsers
 if(window.XMLHttpRequest)
 {
  request = new XMLHttpRequest();
 } 
 else if (window.ActiveXObject)
 {
   request=new ActiveXObject("Msxml2.XMLHTTP");
   if (! request)
   {
    request=new ActiveXObject("Microsoft.XMLHTTP");
   }
 }
 if(request)  
 {
  if(reqType.toLowerCase() != "post") 
  {
   initReq(reqType,url,asynch,respHandle);
  }  
  else 
  {
   //the POSTed data
   var args = arguments[4];
   if(args != null && args.length > 0)
   {
    initReq(reqType,url,asynch,respHandle,args);
   }
  }
 } 
}function checkUser()
{  
  var username = document.getElementById('username').value;
  var url = "check.php";
  val = "username=" + username;
  httpRequest("POST",url,true,httpResponse, val);
} function httpResponse()
{
 if(request.readyState == 4 &&request.status == 200)
 {
   var resp = request.responseText;
   if(resp != null)
   {
     var func = new Function("return "+resp);
     var objt = func();
     alert(objt.flag);
   }
 }
}
</script>
<form method="post" action="b.php"> 
<input type="text" name="username" id='username'/> <input type="button" value="查看用户名是否存在"  onclick="checkUser();"/> 
<input type="text" name="password" /> 
<input type="submit" value="提交" /> 
</form> 
//check.php<?php
function __jsonText($array)
{
header("Expires: Mon, 26 Jul 1997 05:00:00 GMT");
header("Last-Modified: " . gmdate("D, d M Y H:i:s") . " GMT");
header("Cache-Control: no-store, no-cache, must-revalidate");
header("Cache-Control: post-check=0, pre-check=0", false);
header("Pragma: no-cache");
$str = "{";
foreach($array as $key=> $value)
{
//替换"为\"号，否则会出现错误
$value = str_replace("\"", "\\\"", $value);
if($str != "{") $str.=",";
$str .= "$key: " . "\"$value\"";
}
$str .= "}";

return $str;
}
//查询数据库,然后做个检查
$username = $_POST['username'];
echo __jsonText(array('flag'=>'success:'. $username));
?>