javascript - 我如何让我的 JavaScript 函数返回图像

Question

我需要下面的函数来返回图像，它用于密码检查，图像正确或错误时应显示为叉号或勾号。这是到目前为止的代码

<script type="text/javascript">
function checkPasswordMatch() {
    var password = $("#txtNewPassword").val();
    var confirmPassword = $("#txtConfirmPassword").val();

    if (password != confirmPassword)
        $("#divCheckPasswordMatch").html("Passwords do not match!" & <img src="img/cross.png" alt="some_text">);
    else
        $("#divCheckPasswordMatch").html("Passwords match." & <img src="img/tick.png" alt="some_text">);
    }

我已经尝试过在我尝试过的主要方法之上的几种方法，而不是我还尝试评论整个图像语句，但似乎没有任何效果我通常会遇到语法错误。如果这能解释为什么我还没有弄明白的话，我也是编程新手。

Answer 1

正确的语法是:

$("#divCheckPasswordMatch").html("Passwords do not match! <img src='img/cross.png' alt='some_text'/>");

• 注意引号混合 - 不要将单引号与双引号分开，反之亦然
• IMG 是一个一元标签 - 它应该以 /> 结尾
• .html() 方法需要一个字符串输入 - 如果您连接多个部分，请使用 + 运算符，而不是 &，因此它看起来像 "abc"+ "def"

如果您不想使用两种不同类型的引号，您可以像这样转义内部引号:

$("#divCheckPasswordMatch").html("Passwords do not match! <img src=\"img/cross.png\" alt=\"some_text\">");    

以类似的方式更正您的其他 HTML 设置。