Javascript 实时验证更改输出位置_Javascript_Html_Css_Livevalidation

Javascript 实时验证更改输出位置

javascript html css

Javascript 实时验证更改输出位置,javascript,html,css,livevalidation,Javascript,Html,Css,Livevalidation,我正在使用Live Validation Javascript库，我想知道如何使用它将反馈放在页面底部例如，用户将在我希望Live Validation回复“子域不应包含句点”。但在页面底部，否则会弄乱位于框后面的文本：我试图创建一个CSS div，然后在中引用它作为span createMessageSpan: function(){ var span = document.createElement('span'); var textNode = document.cr

我正在使用Live Validation Javascript库，我想知道如何使用它将反馈放在页面底部

例如，用户将在

我希望Live Validation回复“子域不应包含句点”。但在页面底部，否则会弄乱位于框后面的文本：

我试图创建一个CSS div，然后在中引用它作为span

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

但是这不起作用

您可以使用jquery和html（）函数。我知道这不是现场验证，但这会起作用

HTML

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

通过使用

插入WhatNode

属性我能够做到这一点，例如：

var port=new LiveValidation（“子域端口”，{validMessage:“端口有效”，insertAfterWhatNode:“error”}）

其中“error”是您想要的元素id。

它是否将

span

放在其他地方，或者

span

根本没有创建？您是否在控制台中收到任何错误？据我所知，没有Javascript控制台，如果有，它在哪里？至于跨度。据我所知，Live Validation库正将其放在对象后面。@MatthewSalsamendi点击F12:）@MatthewSalsamendi如果使用Internet Explorer，点击F12即可。如果使用Firefox，我建议Firebug:。这将告诉你跨度是否真的被创建了。没有看到任何异常。

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