Question

我有一些输入框，我希望只有在选择输入信息时才会在输入框下方显示消息。不是我的所有输入框都只是一些。我只能让错误发挥作用，但是让我们说用户选择了一个用户名框，我希望在其下面显示一条消息，说明用户名必须不包含任何字符，然后才会隐藏它们。

这是一个选择用户名字段https://login.mailchimp.com/signup/

的示例

<div class="col-lg-12">
        <label>Username</label>
        <input type="text" class="form-control">
        <div class="field-help"> Choose a username that contains only letters and numbers, or use your email address. </div>
</div>

Answer 1

如果有多个expensive，您需要这样的内容：

修改用slideUp（）替换show（）和用slideUp（）

隐藏（）

＆＃13;
＆＃13;
form-control
＆＃13;
jQuery(function($) { $('.form-control') //.on('focus', function() { $(this).siblings('.field-help').show(); }) .on('focus', function() { $(this).siblings('.field-help').slideDown(); }) //.on('blur', function() { $(this).siblings('.field-help').hide() }) .on('blur', function() { $(this).siblings('.field-help').slideUp() }) // initialize the hidden state at program start .siblings('.field-help').hide(); });
＆＃13;
＆＃13;
＆＃13;

Answer 2

你需要在这里使用jquery

<script>
$(".form-control").hover(
 function() {
  $('.field-help').show();
 }, function() {
  $('.field-help').hide();
}
);
</script>

显示和隐藏焦点

2 个答案: