mit jquery wie Twitter Bootstrap - Hervorragende Bibliothek

Ich habe den unten Beispiel HTML-Code, wo ich versuche, das Eingabefeld wie Eingabefeld Validierung in Twitter zu markieren Bootstrapmit jquery wie Twitter Bootstrap

<html> 
<head> 
$('#submit_form').submit(function(){ 
    var vals = $('.validate').val() 
    if (!vals) 
     { 
      console.log('Error exists'); 
      $('.validate').attr('style', "border-radius: 5px; border:#FF0000 1px solid;"); 
      $('.validate').val('enter a value'); 
     } 
}); 
</head> 
<body> 
    <form action="" method="post" id="submit_form"> 
     <div> 
     <input class="validate" type="text" name="Name"/> 
     </div> 
     <input type="submit" value="Submit"> 
    </form> 
</body> 
</html>

So durch den obigen Code der Wert "enter a value" wird im Feld aktualisiert wird, aber das Feld wird hervorgehoben nicht

auch wenn ich, ob das Attribut style geprüft hat zur Eingabe hinzugefügt .. und ja, es wurde hinzugefügt, aber warum das Feld Hervorhebung nicht

Quelle

2013-11-28 shiva krishna

Grenze CSS Kurzschrift ist ''