如何使用ajax编写php注册页面?

时间:2013-01-30 15:52:00

标签: php ajax smarty

我有这个ajax功能:

function getpage(page,div){
var url = page+"&sid="+Math.random();
    var xhr; 
    try {  xhr = new ActiveXObject('Msxml2.XMLHTTP');   
    }
    catch (e) 
    {
        try {   xhr = new ActiveXObject('Microsoft.XMLHTTP');    
        }
        catch (e2) 
        {
          try {  xhr = new XMLHttpRequest();     
          }
          catch (e3) {  
          xhr = false;   
          }
        }
     }

    xhr.onreadystatechange  = function()
    { 
         if(xhr.readyState  == 4){
              if(xhr.status  == 200)
                document.getElementById(div).style.display= "block";
                document.getElementById(div).innerHTML = xhr.responseText; 
         }else{
                document.getElementById(div).innerHTML = '<img src="./pic/load.gif" />';
         }
    }; 

   xhr.open( "GET", url,  true); 
   xhr.send(null); 
}

我有单身表格(用聪明的模板设计):

<div><input style="width:300px" class="inp" type="text" onkeyup="getpage('./ajax.php?action=regnewuser&usern={$uname}','register')" name="User_name"  placeholder="username" required /></div><div class="hr" id="register"></div>

我有这个ajax.php代码:

if($act == 'regnewuser'){
            $usern   = protect($_GET['usern']);

        $sql = $db->query("SELECT USER_NAME FROM ".$pre."USERS");
            while($row = $db->record()){
            $dbuname = strtolower($row['USER_NAME']);
            $uname2  = strtolower($usern);
            }
        if(empty($usern)){
            echo '<div class="rd">please fill the box !!</div>';
        }elseif(strlen($usern) < 4){
            echo '<div class="rd">too short !!</div>';
        }elseif(strlen($usern) > 50){
            echo '<div class="rd">too tall !!</div>';
        }elseif($dbuname == $uname2){
            echo '<div class="rd">not available !!</div>';
        }
    }

但结果总是“请填写方框”;
我认为模板中的问题形式! 我应该怎么做才能获得正确的结果?

1 个答案:

答案 0 :(得分:0)

{$uname}代码中onkeyup打算做什么?

看起来像PHP代码。

您需要使用JavaScript将用户名附加到网址。如果您要在id的{​​{1}}元素上设置input属性,则生成该网址的代码将为:

id

我建议在单独的函数中执行此操作,并将生成的URL传递给var url = "/ajax.php?action=regnewuser&usern=" + document.getElementById("username").value(); 函数。

那说我不确定getpage是附加代码的正确事件。每次在文本框中按下某个键时,您真的想创建用户记录吗?

例如,如果用户键入'test',您是否想要创建4条记录? ( 'T', '叔', 'TES', '测试')

我建议添加一个按钮,供用户在完成填充文本框后单击并快乐(将代码附加到按钮的onkeyup事件)。