检查innerHTML是否为空

我对我的onkeyup事件有一个ajax调用，它检查给定的电子邮件地址是否在数据库中。我的问题是，我找不到一个正确的解决方案来检查ajax响应是否为空，如果是，我需要禁用一个按钮。检查innerHTML是否为空

这是ajax.php输出：

$sql = "// the query"; 

$result = mysql_query($sql); 
$num_rows = mysql_num_rows($result); 

if($num_rows>0){ 
    echo "<i>Yepp, this is taken</i>"; 
    }

这是JavaScript的Ajax调用按钮禁用和启用功能（Ajax调用只有在电子邮件地址是有效的）：

function checkEmail(str){ 

    email = document.getElementById('user-email').value 
    AtPos = email.indexOf("@") 
    StopPos = email.lastIndexOf(".") 

    if (AtPos == -1 || StopPos == -1) { 
     document.getElementById('button-reg').disabled=true;  
    }else{ 
     if (str=="") 
      { 
      document.getElementById("txtHint").innerHTML=""; 
      return; 
      } 
     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("txtHint").innerHTML=xmlhttp.responseText; 
      } 
      } 
     xmlhttp.open("GET","ajax.php?q="+str,true); 
     xmlhttp.send(); 
    } 
    var htmlstring = document.getElementById("txtHint").innerHTML; 

    htmlstring = htmlstring.replace(/^\s+/,''); 

    if(htmlstring==""){ 
     document.getElementById('button-reg').disabled=false; 
    }else{ 
     document.getElementById('button-reg').disabled=true; 
    } 
}

正如你可以看到我试着用空格elemination，但没有运气...空repsonse后按钮依然没有禁用...

有人可以帮助我在这里？：）非常感谢！

来源

2012-04-03 VORiAND

做你尝试添加 “返回” 后，如果（AtPos == -1 || StopPos == -1）？目前，每次调用函数时都会调用函数的最后11行。 – 2012-04-03 13:41:01

使用此功能..

function checkEmail(str){ 

    email = document.getElementById('user-email').value 
    AtPos = email.indexOf("@") 
    StopPos = email.lastIndexOf(".") 

    if (AtPos == -1 || StopPos == -1) { 
     document.getElementById('button-reg').disabled=true;  
    }else{ 
     if (str=="") 
      { 
      document.getElementById("txtHint").innerHTML=""; 
      return; 
      } 
     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("txtHint").innerHTML=xmlhttp.responseText; 

       htmlstring = xmlhttp.responseText.replace(/^\s+/,''); 
       if(htmlstring==""){ 
        document.getElementById('button-reg').disabled=false; 
       }else{ 
        document.getElementById('button-reg').disabled=true; 
       } 
      } 
      } 
     xmlhttp.open("GET","ajax.php?q="+str,true); 
     xmlhttp.send(); 
    } 
}

希望这有助于..

来源

2012-04-03 13:40:09

我被替换，但仍然不工作...... :(“document.getElementById（'button-reg'）。disabled = false;”JS没有执行...... – VORiAND 2012-04-03 14:07:19

与“htmlstring = xmlhttp.responseText;”仍然没有。 .. – VORiAND 2012-04-03 14:14:29

@voriand - 见我编辑的答案。 – 2012-04-03 14:19:07

也许这：

var isEmpty = (xmlhttp.responseText + "").length==0;

也许你可以写你的程序更加有趣。

$out = array("ok"=>true,"msg"=>"Not data found","html"=>"<h1>Not <i>data</i> found</h1>"); 
echo json_encode($out);

然后在客户机上，加载JSON数据，以及怎么做，如果（数据[“确定”]）...这样你可以从服务器传递多个参数给客户端，并有这些参数分开。让客户端部分可以轻松选择使用什么部分，并且正确编码所有内容，这样您就不会遇到与utf-8有关的问题。如果你有一些json扩展，像Firebug这样的检查器会很好地呈现这些参数。

来源

2012-04-03 13:39:32 Tei

检查innerHTML是否为空

回答

相关问题