Ajax表单验证问题

Question

我已经进行了表单验证，但似乎无法解决最后一个问题。

我正在尝试发回错误消息，并将它们放置在其自己的div中相关表单字段旁边。

我在自己的div中返回了一条错误消息，但是当我尝试向后发送多条消息时，没有任何反应，有什么想法吗？

这是我大部分的ajax

function regForm(thisform) { //Reg user form check
    xmlHttp=GetXmlHttpObject();
    if (xmlHttp==null) {
 alert ("Browser does not support HTTP Request");
 return;
 }
 var formdata = "";
 formdata = "lname=" + thisform.elements['lname'].value + "&fname=" + thisform.elements['fname'].value + "&email=" + thisform.elements['email'].value + "&username=" + thisform.elements['username'].value + "&pass=" + thisform.elements['pass'].value + "&pass2=" + thisform.elements['pass2'].value; //send the data through the url - frist is the name i want to call it... second grad the content from the form using its id
    xmlHttp.onreadystatechange=formSubmitted;
    xmlHttp.open("POST", "adduser.php",true);
    xmlHttp.setRequestHeader("Content-Type", "application/x-www-form-urlencoded");
    xmlHttp.setRequestHeader("Content-length", formdata.length);
    xmlHttp.setRequestHeader("Connection", "close");
    xmlHttp.send(formdata);
    return false;
}

function formSubmitted() {
    if (xmlHttp.readyState==4 || xmlHttp.readyState=="complete") { 
    xmlDoc=xmlHttp.responseXML;
//document.getElementById("feedback").innerHTML = xmlHttp.responseText;
document.getElementById("feedback1").innerHTML= xmlDoc.getElementsByTagName("lname")[0].childNodes[0].nodeValue;
document.getElementById("feedback2").innerHTML= xmlDoc.getElementsByTagName("fname")[0].childNodes[0].nodeValue;

    }
}

这是到目前为止我简单的adduser.php页面

<?php
header('Content-Type: text/xml');

$lname = mysql_real_escape_string($_POST['lname']);
$fname = mysql_real_escape_string($_POST['fname']);

if($lname == NULL) {
echo "<lname>NEED TO FILL</lname>";
}

//if($fname == NULL) {
//echo "<fname>NEED TO FILL</fname>";
//}
else {
    echo "<lname> </lname>";
    //echo "<fname> </fname>";
}
?>

如您所见，我现在已经注释掉了fname信息，并且我的消息传递适用于lname，但是一旦我取消注释fname东西，希望同时发送lname和fname消息，我什么都不知道，我不明白为什么。

任何见识都会有很大帮助！ 谢谢。

Answer 1

我不完全理解“返回自己的div”的意思，但是您知道元素ID在文档中必须唯一吗？ 如果错误DIV再次出现，您不会得到两个具有相同ID的DIV吗？

Answer 2

尝试在脚本的末尾仅包含一个echo语句（因此，请使用一个变量来连接所有错误消息，并仅在末尾对其进行回显）。

另外，我强烈建议您使用JS库（如jQuery）来满足您的所有ajax需求-这样会使您的生活更加轻松

Answer 3

好的，我已经弄清楚了，就像往常一样，为什么它不起作用是愚蠢的。

在我的adduser.php页面中，我只需要将错误消息包装在xml标记中。

echo "<errors>";

//error content

echo "</errors>";