LiveValidation 插件 - HTML in failureMessage

Question

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

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

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

Imgur

我错过了什么？

Answer 1

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

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

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

Answer 2

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

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

LiveValidation 插件 - HTML in failureMessage

LiveValidation plugin - HTML in failureMessage

html

livevalidation