Impossible de mettre en évidence la zone de texte JQuery

Question

Je ne reçois aucun message d'erreur dans ma console, mais la fonction .focus() dans JQuery ne fonctionne pas. je suis utilisé 2 fonction qui est .focus et .val('') ... .val('') fonctionne bien, mais .focus() est pas un travail

voici mon code HTML:

$('.sukses').show(function(){ 
 
     var notif = 'some message'; 
 
     $('.notif').html(notif); 
 
    });  
 
    $('#kode').focus(); 
 
    $('.kode_guru').val('');

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<div class="alert alert-success sukses" style="display: none"> 
 
     <strong>Success!</strong><p class="notif"></p> 
 
    </div> 
 

 
    <form action="#" id="form" class="form-horizontal" role="form"> 
 
     <input onblur="this.focus()" type="text" name="guru" id="kode" class="kode_guru"> 
 
    </form>

mon programme flux est, quand quelque chose change dans mon champ de texte ('.kode_guru'), le notif sortira et le champ de texte sera réinitialisé à '' et automatiquement mis au point à nouveau pour une autre entrée

espère que vous avez compris ce que je parle merci

Answer 1

J'espère que vous parlez de quelque chose comme ceci:

$('.kode_guru').on('change', function() { 
    $('.sukses').show(function() { 
    var notif = 'some message'; 
    $('.notif').html(notif); 
    }); 
    $('#kode').focus(); 
    $('.kode_guru').val(''); 
}); 

Voici le fiddle