Textbox Hervorhebung rot, wenn keine Daten darin mit Javascript-Validierung

Question

Ich habe eine Text-Box, die rot markiert, wenn ich darauf (im Fokus) klicken. Wenn ich etwas darin hineintippe, wird es wieder grau dargestellt. Aber wenn ich etwas drinnen eintippe und wieder alle Daten lösche, wird es nicht wieder rot markiert. Bitte hilf mir dabei. Hier ist das Stück Code, den ich verwenden, für die Hervorhebung es rot und grau:

$("#fname").bind('focus', function (e) { 
    if ((document.getElementById("fname").value).length == 0) { 
     document.getElementById("fname_error").style.display = "inline"; 
     $("#fname").attr('style', 'border: 1px solid #8C0005 !important;'); 

     return false; 
    } 
    else { 
     document.getElementById("fname_error").style.display = "none"; 
    } 
    return true; 
}); 

$("#fname").keypress(function (e) { 
    var iKeyCode = (e.which) ? e.which : e.keyCode 


    if ((iKeyCode > 64 && iKeyCode < 91) || (iKeyCode > 96 && iKeyCode <  123) || iKeyCode==8 || iKeyCode == 9) { 

       document.getElementById("fname_error").style.display = "none"; 
       $("#fname").attr('style', 'border: 1px solid #cccccc !important;'); 
       return true; 

    } 
    else { 
      document.getElementById("fname_error").style.display = "inline"; 
      return false; 
     } 

}); 

Answer 1

Das ist, weil Sie den roten Rahmen, innerhalb focus Event-Handler setzen, und dieses Ereignis kann nicht ausgelöst bi wenn das Element bereits fokussiert.

Versuchen Sie, diesen Code zu keyup Handler zu verschieben.