onfocusイベントを使用して要素に影響を与える

Question

入力タイプに焦点を当てるとエラーメッセージが消えてしまうはずの要素に影響を与えることができます。エラーメッセージが表示されない入力タイプに焦点を当てると問題があります。あなたが私を助けてくれることを願います。

$(document).ready(function() { 
    $('.form-control').focus(function(e) { 
     var formMessage = $(e.target).next('.form-message'); 
     if(formMessage.css('display') == 'block'){ 
       formMessage.hide(); 
     } 
    }); 
}); 

フィドル：https://jsfiddle.net/gveukc0b/

Answer 1

このようにそれを試してみてください私のjqueryの私のHTML構造

<div class="form-group"> 
    <input class="form-control" type="text" /> 
    <div class="form-message">Please all fields </div> 
</div> 
<div class="form-group"> 
    <input class="form-control" type="text" /> 
    <div class="form-message">Please all fields </div> 
</div> 
<div class="form-group"> 
    <input class="form-control" type="text" /> 
    <div class="form-message">Please all fields </div> 
</div> 
<div class="form-group"> 
    <input class="form-control" type="text" /> 
    <div class="form-message">Please all fields</div> 
</div> 
<div class="form-group"> 
    <input class="form-control" type="text" /> 
    <div class="form-message">Please all fields </div> 
</div> 

です彼の

$(document).ready(function() { 
$('.form-control').focus(function() { 
     $(this).next().hide(); 
}); 
}); 

Answer 2

てみtを事前

のおかげでは、これは

$(document).ready(function() { 
    $('.form-control').focus(function(e) { 
      if($(e.target).next('.form-message').css('display') == 'block'){ 
        $('.form-message').hide();   
     } 
    }); 
});