javascript - 使 Javascript 读取 HTML 标签而不是字符串

Question

我编写了一个函数，其中主要传递了一个正则表达式和一条错误消息。我想要实现的是浏览器将 Javascript 代码中的 HTML 代码读取为 HTML，而不是字符串。我在 Stack 上阅读了很多帖子，但人们似乎遇到了完全相反的问题。

oneRegex(/^(?=.*?[A-Z])(?=.*?[a-z])(?=.*?[0-9]).{8,}$/, inputValue, 'Password must contain, at least:<br> <ul><li>one number</li> <li>one capital letter</li> <li>one lower case letter</li> <li>8 carachters long</li></ul><br> i.e: passWord3', inputID);

在这种情况下，我想要这样的结果:

密码必须至少包含:

• 一个数字
• 一个大写字母
• 一个小写字母
• 8 克拉长

Javascript 函数

function addErr(errMsg, inputID) {
    $('#subButton').prop('disabled', true);
    $('#err' + inputID).fadeIn(500).text(errMsg);
    $('#err' + inputID).css('background-color', '#E3BFC0');
    $('#' + inputID).css('background-color', '#E3BFC0');
}
function removeErr(inputID) {
    $('#subButton').prop('disabled', false);
    $('#err' + inputID).fadeOut(500);
    $('#' + inputID).css('background-color', 'inherit');
}

function oneRegex (regex, inputValue, errMsg, inputID) {
    if (!regex.test(inputValue)) {
        addErr(errMsg, inputID);
    }
    else {
        removeErr(inputID);
    }
}

Answer 1

只需将 .text 替换为 .html 方法，如下所示:

$('#err' + inputID).fadeIn(500).html(errMsg);