본문 바로가기
공부/자바스크립트 jQuery

jQuery) 폼에 포커스 주기, 필드사용/사용안함

by Ohming 2012. 1. 30.
336x280(권장), 300x250(권장), 250x250, 200x200 크기의 광고 코드만 넣을 수 있습니다.
사용자의 편의를 위해 폼에 포커스를 줄때
필드가 username이라는 아이디를 가졌다면 아래와같이 써서 이 필드에 focus를 줄 수 있다.
$(document).ready(function(){
  $('#username').focus();
});
이렇게 해도 가능하지만 좀 더 여러군데에서 쓰려면
$(document).ready(function(){
  $('#signup :text')[0].focus();
});
signup이라는 아이디를 가진 폼의 첫 번째 텍스트 필드에 커서가 위치하기를 원한다면 이렇게 할 수 있다. 선택자 $('#signup :text')는 signup 폼의 텍스트 필드만 선택한다.


이건 나중에 결제가 필요한 홈페이지를 만들경우 제일 유용할 것 같다. 요즘 인터넷들이 빨라서 이런경우가 드물 수 있겠지만 만약의 사태에 대비하기에 꼭 중요할 것 같다.
폼이 여러번 전송되지 않도록 하기! 인데 만약 결제버튼을 누르고 기다리다가 안되었는줄 알고 한번 더 누른다면 카드결제가 두번하는 위험한 상황이 올 수 있기 때문에 꼭 필요할 것이다.
$('#formID').submit(function(){
  $('#submit').attr('disabled', true);
});
이건 폼의 아이디가 formID이고, 전송 버튼의 아이디가 submit이라고 가정했을때의 코드인데, 이렇게 하면 전송버튼을 한 번 누르고 나면 이 버튼은 불능 상태가 된다.

'공부 > 자바스크립트 jQuery' 카테고리의 다른 글

jQuery) 속성 선택자  (0) 2012.03.09
실무에 꼭 쓸 jQuery 플러그인 모음  (0) 2012.02.01
jQuery) Blur, Click, Change  (2) 2012.01.30
jQuery) 폼 Focus  (0) 2012.01.30
jQuery) Submit (전송버튼)  (0) 2012.01.30

댓글