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이라고 가정했을때의 코드인데, 이렇게 하면 전송버튼을 한 번 누르고 나면 이 버튼은 불능 상태가 된다.
필드가 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 |
댓글