Question

我正在使用LiveValidaion进行客户端验证http://livevalidation.com/和DataAnnotations以获取验证规则。除了客户端错误消息只显示在要验证的元素的右侧之外，这一切都正常。

是否可以将此验证消息移到正在验证的元素下面？或者甚至更好，将所有消息分组在页面顶部/底部的div中？我在他们的文档或示例中没有看到任何内容

Answer 1

只是玩这个CSS样式

span .LV_validation_message {
    // properties
}

Answer 2

这就是我所做的。

首先是LiveValidation 1.3的原始代码 - 独立版，在Firefox上的firebug它在第353行。

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

这是我改变代码的地方。

createMessageDiv: function(){
    var divMessage = document.createElement('div'); 
    divMessage.id = "lvID";
    divMessage.style.position = "absolute";  
    divMessage.setAttribute("align","left");
    divMessage.style.marginLeft = "2px"; 
    var textNode = document.createTextNode(this.message);
    divMessage.appendChild(textNode);
    return divMessage;
},

Answer 3

试试这个

<div id="lvMsgRegUsername"></div>
...
var reg_username = new LiveValidation('reg_username', { insertAfterWhatNode: "lvMsgRegUsername"});

Livevalidation客户端验证 - 您可以控制验证消息的位置吗？

3 个答案: