bootstrap 如何能将 元素与前面的input上下对齐 以及 jq验证如何只能显示一次

Question

blur失去一次焦点就产生一次

如何能跟前面的input对齐

像这样的验证应该如何去写，， 我尝试去写 但思路不清晰！

Answer 1

如果有修改就把提示都删了。然后blur在新增。或者focus移除。blur新增。

或者换另一个思路，这些dom都存在。blur显示。修改或者focus隐藏，这样肯定不会新增太多的节点。

对齐的话，可以和input是同一个div。这样肯定是左对齐的。或者强行给提示一个新的样式。

Answer 2

1.关于验证msg只显示一次

• 参考新浪邮箱注册页面，可以在表单onfocus的时候去除显示信息的内容

2.bootstrap标签对齐表单，直接上代码：

<div class="form-inline">
    <div class="form-group">
        <label for="account">账户</label>
        <input type="text" class="form-control" id="account" name="account">
        <span class="label label-danger">账户被占用</span>
    </div>
</div>

效果如下：