메뉴 건너뛰기

조회 수 7511 추천 수 0 댓글 0
?

단축키

Prev이전 문서

Next다음 문서

크게 작게 위로 아래로 댓글로 가기 인쇄
?

단축키

Prev이전 문서

Next다음 문서

크게 작게 위로 아래로 댓글로 가기 인쇄
jQuery를 이용해서 폼을 처리하기 위해서는, 'submit' 이벤트를 위해 이벤트 리스너를 form 요소에 추가해야 합니다:
$("form").on("submit", function() {
   // process form
});
만약 폼 처리를 완전히 jQuery 내에서 한다면, 페이지를 다시 불러오는 것을 방지하기 위해 preventDefault()를 호출해야 합니다:
$("form").on("submit", function(event) {
   event.preventDefault();
   // process form
});
사용자가 폼 내부의 input에 무엇을 입력했는지 알고싶을 때, 일반적으로 val()을 사용합니다:
var answer = $("#answer").val();
콜백 함수 내부에서, this 키워드를 사용해서 폼 요소를 참조할 수 있습니다. 흔한 패턴은 폼 요소 내부의 입력값만을 찾기 위해서 폼 요소에서 find()를 호출하는 것입니다:
$("form").on("submit", function() {
  // store the value of the input with name='age' 
   var age = $(this).find('[name=age]').val();
});

  1. No Image 06Sep
    by
    2018/09/06 Views 2649 

    [jQuery] 확인 창(confirm), 페이지 이동(location.replace)

  2. 드래그 & 드랍 구현 - on()[이벤트리스너]

  3. 외부 파일 드래그 드롭 구현

  4. No Image 06Sep
    by
    2018/09/06 Views 2620 

    페이지 이동 제어 - href, replace, pushState()

  5. 입력폼에 입력되는 값의 유효성 체크하기 두번째

  6. No Image 06Sep
    by
    2018/09/06 Views 2092 

    jQuery 폼 입력값 체크 예제

  7. No Image 06Sep
    by
    2018/09/06 Views 5330 

    jquery - select option 선택값 가져오기

  8. No Image 25Jul
    by
    2018/07/25 Views 2558 

    jQuery selectBox 컨트롤.

  9. No Image 04Jul
    by
    2018/07/04 Views 3362 

    jQuery 유효성 검사

  10. No Image 04Jul
    by
    2018/07/04 Views 4657 

    jquery 체크박스 배열 처리. 변수 하나에 담기.

  11. jquery css div, li 리스트 선택한 메뉴 변경 출처: http://okkks.tistory.com/1062 [이건없지]

  12. No Image 27Mar
    by
    2017/03/27 Views 8702 

    jquery를 활용한 입력폼 초기화하기

  13. No Image 11Mar
    by
    2017/03/11 Views 7791 

    Ajax 파일 업로드 샘플 코드

  14. No Image 06Mar
    by
    2017/03/06 Views 9028 

    파일 업로드 방법, 이미지 파일 업로드 예제 소스

  15. 예제로 만나보는 제이쿼리 - 비동기 파일업로드

  16. No Image 02Mar
    by
    2017/03/02 Views 11799 

    jQuery 입문: form 데이터 유효성 검사

  17. No Image 02Mar
    by
    2017/03/02 Views 6681 

    jQuery 실행패턴

  18. No Image 02Mar
    by
    2017/03/02 Views 10557 

    jquery 이용한 필수입력체크(input form)

  19. No Image 02Mar
    by 조쉬
    2017/03/02 Views 7511 

    검토하기: jQuery를 이용하여 form 처리하기

  20. No Image 22Dec
    by
    2016/12/22 Views 10481 

    셀렉트박스에서 특정 옵션 선택시 레이어 나타내기

Board Pagination Prev 1 2 3 4 5 6 7 8 9 Next
/ 9

하단 정보를 입력할 수 있습니다

© k2s0o1d4e0s2i1g5n. All Rights Reserved