html - LiveValidation 插件 - 失败消息中的 HTML

Question

我正在使用 LiveValidation 插件，并且想知道有一种方法可以在显示有效或无效消息的 span 标记中添加 HTML。我有以下内容：

var validatedObj = new LiveValidation('momlastname', { validMessage: ""});
validatedObj.add(Validate.Presence,{ failureMessage: "You need a name in this <strong>field</strong>"});

但是当我测试代码时，我得到了这个：

伊姆古尔

我错过了什么？

Answer 1

它没有实现，failureMessage参数被视为字符串。这是创建消息（source）的函数，因此您可以更改它：

createMessageSpan: function(){
    var span = document.createElement('span');
    var textNode = document.createTextNode(this.message);
    span.appendChild(textNode);
    return span;
},

也可以覆盖onValid和onInvalid默认回调，并实现您自己的功能。查看官方文档以获取更多信息。

Answer 2

谢谢@Danijel。我修改了函数如下：

createMessageSpan: function () {
            var span = document.createElement('span');
            span.innerHTML = this.message;
            return span;
        },