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" />';
  }
  

• 假设我想将消息更改为图像。
  -> “用户名已被占用”更改为 no.png
  -> “你可以使用它...”更改为 yes.png
  

• test1.php

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

• 在第 1 部分中，我使用“您可以使用它”消息转到 test2.php；但是现在，我想使用图像（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 并查看何时以及是否添加它。