Fokus ändern, wenn das Eingabefeld leer ist

Question

Ich mache die Funktion, wenn der Fokus des Eingabefeldes leer ist, wird der Fokus auf ein anderes Eingabefeld geändert, ist es möglich, wenn jquery verwendet wird?

Ich habe versucht, aber funktioniert nicht.

Hier HTML-Code:

<form> 
    Username:<br /> 
    <input type="text" id="username" name="username" value="notblank" /><br /> 
    <br /> 
    Password:<br /> 
    <input type="text" id="password" name="password" value="notblank" /> 
</form> 

Hier JQuery-Code:

$('#password').each(function(){ 
    if($(this).val() == ''){ 
    $('#username').focus(); 
    return false; 
    } 
}); 

Hier JSFiddle Example.

Danke.

Answer 1

Try this:

$(document).ready(function() { 
 
    
 
    $("input").on("input",function(){ 
 
     
 
     if($(this).val() == '') 
 
      
 
      $("input").not(this).focus(); 
 
      
 
    }) 
 
    
 
})

<form> 
 
    Username:<br /> 
 
    <input type="text" id="username" name="username" value="notblank" /> 
 
    <br /><br /> 
 
    Password: 
 
    <br /> 
 
    <input type="text" id="password" name="password" value="notblank" /> 
 
</form> 
 

 
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script>

Änderung nur, wenn #password zu #benutzername leer Fokusänderung ist,

Versuchen Sie folgendes:

$(document).ready(function() { 
 
    
 
    $("#password").on("input",function(){ 
 
     
 
     if($(this).val() == '') 
 
      
 
      $("#username").focus(); 
 
      
 
    }) 
 
    
 
})

<form> 
 
    Username:<br /> 
 
    <input type="text" id="username" name="username" value="notblank" /> 
 
    <br /><br /> 
 
    Password: 
 
    <br /> 
 
    <input type="text" id="password" name="password" value="notblank" /> 
 
</form> 
 

 
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script>

Answer 2

each - für viele Eingaben mit der ID 'password'. Sie sollten zB zuhören. keyup statt.

$('#password').keyup(function(){ 
    if($(this).val() == ''){ 
    $('#username').focus(); 
    return false; 
    } 
}); 

http://jsfiddle.net/4m5fg/549/