2013-11-28 2 views
5

У меня есть ниже пример HTML-код, в котором я пытаюсь выделить поле ввода типа проверки поля ввода в твиттере самозагрузкиВыделите поле ввода для ошибки с JQuery, как 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> 

Итак, приведенный выше код значение "enter a value" обновляется в поле, но поле не выделяя

Кроме того, когда я проверил, был ли атрибут стиля добавлен к входу .. и да, он был успешно добавлен, но почему поле не выделяя

+1

границы CSS сокращенную является '