实时验证更改输出位置

我正在使用实时验证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

实时验证更改输出位置

回答

相关问题