javascript - 使用 span id 值作为条件 javascript

Question

我在 html 正文中有这个跨度：

<span id="username_status"></span>

sql查询片段：

if($exist > 0)
    {
    echo 'Sorry, That username is Taken!'; //value in username_status
    }
    else{
    echo 'Username available!'; //value in username_status
    }

我正在尝试使用查询结果生成表单验证警报：

var s1 = document.getElementById('username_status').innerHTML;
 if (s1 === "Sorry, That username is Taken!")
  {
  alert("Please Change Your Username. It is already used.");
  return false;
  }
}

我已经广泛搜索，但看起来我什么也没得到。有什么帮助吗？

Answer 1

您可以返回状态代码，而不是返回消息，例如status:success.

我认为你应该发送一个ajax请求来处理这个，如果你想使用javascript：

Javascript（我假设你使用 jQuery）：

$.post("your-php-file.php",{username:"some-username"},function(data){
   if(data.status == "success"){
        alert("This username is available");
   }
   else{
        alert("This username is already in use.");
   }
});

PHP：

if($exist > 0){
   $res['status'] = "success";
}
else{
   $res['status'] = "failed";
}
echo json_encode($res);