Question

我想禁用或启用按钮，具体取决于数据库查询的结果。但我不知道怎么做。从一个例子中，我设法显示一个文本（id =“error”，取决于查询的结果，但启用按钮（id =“generate”）不起作用。

这是我的JavaScript：

function checkSender(str)
{
    if(str == "")
    {
        str=document.getElementById("senderinput").value;
    }
    str=str.toUpperCase();
    if (window.XMLHttpRequest)
    {// code for IE7+, Firefox, Chrome, Opera, Safari
        xmlhttp=new XMLHttpRequest();
    }
    else
    {// code for IE6, IE5
        xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");
    }
    xmlhttp.onreadystatechange=function()
    {
        if (xmlhttp.readyState==4 && xmlhttp.status==200)
        {
            document.getElementById("error").innerHTML=xmlhttp.responseText;
            if(xmlhttp.responseText == "Einsender existiert nicht.")
            {
                document.getElementById("generate").disabled = true;
            }
            else
            {
                document.getElementById("generate").disabled = false;
            }
        }
    }
    xmlhttp.open("GET","checkSender.php?s="+str,true);
    xmlhttp.send();
}

checkSender.php的回复是“Einsender existiert nicht”。或空字符串。

有什么建议吗？

修改：

PHP代码：

<?php
require 'classes/DBHandler.php';
$DBHandler = new class_DBHandler();
$s = $_GET['s'];

$query="<Statement with $s as parameter>";

$Data = $DBHandler->GetData($query);
if(intval($Data[0]['COUNT']) >= 1)
{
    echo "";
}
else
{
    echo "Einsender existiert nicht.";
}
?>

HTML代码：

<!DOCTYPE html>
<html>
  <head>
      <meta http-equiv="content-type" content="text/html; charset=UTF-8" />
      <link rel="stylesheet" type="text/css" href="style.css">
      <script src="inc/checkSender.js"></script>
      <title>MarPro</title>
  </head>
  <body>
      <div class="main">
          <div class="debug" id="ana">
          </div>
          <div class="headline">
              <h1>MarPro</h1>
          </div>
          <div class="result">
              <div class="menu">
                  <form action="" method="post" name="senderform">
                      <p>Einsender: <input type="text" name="sender" onkeyup="checkSender(this.value)"></p>
                      <p id="error"></p>
                      <p><input type="submit" name="generate" value="Generieren" id="generate" disabled></p>
                  </form>
              </div>
          </div>
      </div>
  </body>
</html>

提前致谢！

Marco Frost

Answer 1

我认为您应该尝试使用警报来查看“responseText”的外观。它可能不是两个预期的值，因为如果它是那么你会得到理想的结果。

Answer 2

我找到了解决方案。

问题是“echo”在打印字符串后添加了空格和换行符。所以在检查之前我必须像这样操作字符串：

String.trim(xmlhttp.responseText)

现在，它有效。

if(String.trim(xmlhttp.responseText) === "Einsender existiert nicht.")
{
    foo();
}
else
{
    bar();
}

数据库查询后启用/禁用按钮

2 个答案: