生效驗證客戶端驗證 - 您可以控制驗證消息的位置嗎？

我爲我的驗證規則使用LiveValidaion進行了我的客戶端驗證http://livevalidation.com/和DataAnnotations。這一切都可以正常工作，只是客戶端錯誤消息只顯示在被驗證元素的右側。生效驗證客戶端驗證 - 您可以控制驗證消息的位置嗎？

是否可以將驗證消息移動到正在驗證的元素下方？或者甚至更好，將頁面頂部/底部的div中的所有消息分組？我沒有看到他們的文檔或例子

來源

2010-05-03 JK.

只是這個CSS樣式

span .LV_validation_message { 
    // properties 
}

來源

2010-05-03 22:42:41 GerManson

是的，你可以，但移動消息頂部/底部是醜了一點 - 必須選擇與該類的所有元素，並改變他們的父母到另一個DIV（位於頁面頂部或底部） – 2010-05-04 02:14:16

玩弄這是我做了什麼。

首先是從LiveValidation 1.3原碼 - 單機版，在Firebug在Firefox它是線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; 
},

來源

2010-12-06 01:12:26 ussteele

試試這個

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

來源

2011-02-14 13:00:32

生效驗證客戶端驗證 - 您可以控制驗證消息的位置嗎？

回答

相關問題