javascript - 实时验证更改输出位置

标签 javascript html css livevalidation

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

例如,用户将在 <input type="text" id="subdomain-name" name="subdomain-name"> 中输入“asdf.com”

我希望 Live-Validation 回复“子域不应包含句点”。但在页面底部,因为否则它会弄乱位于框后面的文本: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;
},

但是没用

最佳答案

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

关于javascript - 实时验证更改输出位置,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/17778598/

相关文章:

cssRules/rules 在 Chrome 中为空

javascript - 使用 Google Adwords 脚本获取自定义列/字段

javascript - Handsontable:更新单元格元后重新渲染单元格?

javascript - 为什么 JSON.stringify() 替换函数不起作用?

javascript - vue-youtube-embed 无法读取 null 的属性 'src'

javascript - 根据范围类型输入中的其他状态值设置最大值( react )

javascript - 使表单根据从下拉框中选择的内容创建其他输入字段

javascript - 我如何对这个扩展了 onclick 的 div 使用缓动效果,以及对其中的元素淡入淡出效果?

javascript - 解析AngularJS中网页的目录列表

css - 元素不失去焦点