버튼 클릭시 입력 필드 강조 표시

Question

페이지에 로그인 버튼이 있습니다. 이 버튼을 클릭하면 로그인 모드가 열립니다. 이메일과 비밀번호의 두 필드가 있습니다.

<a href="#signin" class="btn">Sign In</a> 

나는 내가

 <form role="form"> 
          <div class="form-group"> 
           <label for="InputUserName">Email <sup> *</sup></label> 
           <input type="text" class="form-control" id="InputUserName" placeholder="Enter Email"> 
          </div> 
          <div class="row"> 
           <div class="col-md-8" style="padding-top:8px"> 
           <a href="" class="signup">Sign in</a> 
           </div> 
           <div class="col-md-4"> 
            <button type="submit" class="btn btn-ruby-red pull-right">Submit</button> 
           </div> 
          </div> 
          </form> 

Answer 1

당신은 입력에 focus() 방법을 사용할 수 있습니다 로그인의 버튼을 클릭하면 자동으로 커서를 배치하는 이메일 필드를 강조 표시하려면 :

$('#signin').click(function() { 
    // open modal... 
    $('#InputUserName').focus(); 
}); 

Answer 2

당신이 사용할 수있는 .

$('#signin').click(function(){ 
    $('#InputUserName').focus(function(){ 
     $(this).css({'border': '2px solid #FF0000'}); 
    }); 

});