Question

我正在使用实时验证Javascript库，我想知道如何使用它将反馈放在页面底部。

例如，用户会在<input type="text" id="subdomain-name" name="subdomain-name">

中输入“asdf.com”

我希望Live-Validation回复“子域名不应包含句点”。但是在页面的底部，因为否则会弄乱位于框后面的文本：http://puu.sh/3IxDc.jpg。

我尝试创建一个CSS div，然后将其引用为

中的span

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

但这不起作用

Answer 1

您可以使用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

Answer 2

使用

insertAfterWhatNode

属性我能够做到，例如：

var port = new LiveValidation（“subdomain-port”，{validMessage：“Port is valid”，insertAfterWhatNode：“error”}）;

其中“error”是您想要的位置的元素ID。

实时验证更改输出位置

2 个答案: