實時驗證更改輸出位置

我正在使用實時驗證Javascript庫，我在想如何使用它將反饋放在頁面底部。實時驗證更改輸出位置

例如，用戶將輸入「asdf.com」在<input type="text" id="subdomain-name" name="subdomain-name">

我想現場驗證來響應「子域不應包括週期。」但在頁面的底部，否則會弄亂位於該框之後的文本：http://puu.sh/3IxDc.jpg。

我試圖創建一個CSS DIV，然後引用，作爲跨度

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

，但沒有奏效

來源

2013-07-22 Matthew Salsamendi

它是否在其他地方放置了「span」，還是根本沒有創建「span」？您是否在控制檯中收到任何錯誤？ –

據我所知，沒有Javascript的控制檯，如果有的話，它在哪裏？至於跨度。據我所知，Live Validation庫正在將它放在對象之後。 –

@MatthewSalsamendi擊中F12 :) – Pointy

通過使用

insertAfterWhatNode

房產我能做到這一點，例如：

VAR端口=新LiveValidation（「子域端口」，{validMessage：「港口是有效的」，insertAfterWhatNode：「錯誤」}）;

其中「error」是您希望之後的元素ID。

來源

2013-07-27 20:56:09

您可以使用jQuery和HTML（）函數。我知道這不是實時驗證，但這將起作用。

的HTML

<html> 
<head> 
<script src="jquery.js"></script> 
</head> 
<body> 
All your other html here 
<div id="suggestion"></div> 
</body> 
</html>

的JavaScript

if(THE CODE THAT DETERMINES IF MESSAGE IS NECESSARY){ 
    $("#suggestion").html("A sub-domain should not include periods."); 
}

JsFiddle

來源

2013-07-26 01:41:21

實時驗證更改輸出位置

回答

相關問題