Beeinflussen Sie das Element mit Onfocus-Ereignis

Question

Wie kann ich nur das Element, dass, wenn ich auf den Eingabetyp konzentrieren die Fehlermeldung unten, sollte es gehen, Problem ist, wenn ich auf den Eingabetyp konzentrieren die Fehlermeldung alle versteckt. Hoffe, du kannst mir helfen. Vielen Dank im Voraus

Das ist mein HTML-Struktur

<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> 

mein JQuery

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

Answer 1

Probieren Sie es wie folgt aus:

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

Fiddle: https://jsfiddle.net/gveukc0b/

Answer 2

Try t sein,

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