如何使我的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设置。

Answer 2

您需要将html 放在字符串中，而不仅仅是在随机位和。

"Passwords do not match! <img src="img/cross.png" alt="some_text">"

Answer 3

您的语法不是正确使用Concat Operator，或者由于您不使用任何JS变量，您可以使用单引号，因此您无需逃脱。使用此

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