使用提交按钮进行AJAX实时检查可用性（第2部分）

Question

• 续AJAX live checking availability with submit button

• getUserName.php

  if($num)
  {
  echo '<img src="images/no.png" width="16" height="16" align="bottom" />';
  echo '<div style="color:red">Username was taken. Please type another new     
  one.</div>';
  }
  else
  {
  echo '<img src="images/yes.png" width="16" height="16" align="bottom" />';
  }
  

• 我想说我想把信息改成图像 - ＆GT; ＆＃34;用户名＆＃34;改为no.png
  - ＆GT; ＆＃34;你可以使用它......＆＃34;改为yes.png
  

• test1.php

  $('#addform').submit(function () {
  return $("#userNameCheck").html() == '<div><img src="images/yes.png" width="16" 
  height="16" align="bottom"></div>';
  });
  

• 在第1部分中，我使用了＃34;你可以使用它＆＃34;消息转到test2.php;但现在，我想使用image（yes.png）而不是消息。然而，它失败了。我该如何修改？

Answer 1

如果您在img中有ID，请执行此类操作

$("#my_image").attr("src","images/yes.png");

或

$("#userNameCheck img").attr("src","images/yes.png");

我建议不要在#usernamecheck div中注入HTML，但要将其隐藏或隐藏。通过这种方式，您可以在CSS中修改它并在需要时显示它，而无需进入JS并查看何时以及是否添加它。