javascript - 使用 jquery 或其他库形成提示

Question

这是 jquery 的表单验证:

http://www.position-absolute.com/articles/jquery-form-validator-because-form-validation-is-a-mess/

我需要类似的东西，但是当我通过单击选择输入文本表单时，提示必须出现，而当我选择另一个输入文本表单时，提示必须消失。

有没有办法用 jquery、mootools、scriptaculus 或任何其他库来做到这一点？

谢谢^_^

Answer 1

在 jquery 中，我会做这样的事情:

$('input').focus(function(){
  $(this).sibling('div.form_tooltip').show();
});
$('input').blur(function(){
  $(this).sibling('div.form_tooltip').hide();
});

对应的html:

<div class="form_input">
  <label for="..">label</label>
  <input type="text" name="" id="" value="" />
  <div class="form_tooltip" style="display: none;">
    Here goes the html that appears in the tooltip, you probably want this div to be positioned relatively to the div.form_input.
  </div>
</div>