如何獲取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（）方法需要一個String輸入-如果要連接多個零件，請使用+運算符，而不要使用& ，因此它看起來像"abc" + "def"

如果您不想使用兩種不同類型的引號，則可以這樣對內引號進行轉義：

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

以類似的方式更正您的其他HTML設置。

Answer 2

您需要將HTML 放入字符串中 ，而不僅僅是在隨機按位AND之后浮動腳本本身。

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

Answer 3

您的語法不正確，無論使用concat運算符，還是不使用任何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">');
    }