메뉴 건너뛰기

조회 수 7513 추천 수 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 22Dec
    by
    2016/12/22 Views 6347 

    디자인 셀렉트 박스 & CSS

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

  3. No Image 21Sep
    by
    2016/09/21 Views 14377 

    동적으로 콤보(select)의 항목(option) 생성하기

  4. No Image 31Mar
    by
    2021/03/31 Views 316 

    다중 select

  5. No Image 21Sep
    by
    2016/09/21 Views 6471 

    다른 프레임에 있는 객채 참조하는 방법

  6. 날짜 검색 범위 정하기 (jquery)

  7. No Image 25Mar
    by
    2021/03/25 Views 284 

    기본 동작 막기

  8. No Image 22Dec
    by
    2016/12/22 Views 6217 

    금액단위 제거 표기

  9. No Image 02Mar
    by 조쉬
    2017/03/02 Views 7513 

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

  10. No Image 09Sep
    by
    2016/09/09 Views 7734 

    강제 click 이벤트 발생

  11. No Image 26Mar
    by
    2021/03/26 Views 727 

    간단한 스크롤 따라 움직이는 메뉴 만들기

  12. No Image 21Sep
    by
    2016/09/21 Views 7306 

    간단한 세로 메뉴

  13. No Image 26Mar
    by
    2021/03/26 Views 594 

    간단한 마우스 포인터 따라 다니기

  14. No Image 09Sep
    by
    2016/09/09 Views 9489 

    각종 다이어그램 플러그인 / 차트 / 관계 플러그인

  15. No Image 06Sep
    by
    2018/09/06 Views 2652 

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

  16. No Image 11Sep
    by
    2016/09/11 Views 8876 

    [jQuery] 이용 아이디 중복체크 실시간

  17. No Image 27Sep
    by
    2018/09/27 Views 2553 

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

  18. No Image 05Mar
    by
    2019/03/05 Views 1129 

    [jQuery] 라디오(radio) 버튼, 체크박스(checkbox) 선택/해제 하는 방법

  19. No Image 06Sep
    by
    2018/09/06 Views 2146 

    [jQuery] split, join 으로 공백제거 하기

  20. No Image 06Sep
    by
    2018/09/06 Views 1820 

    [jQuery] input 박스에 maxlength 만큼 입력했을 때 자동으로 다음 박스로 이동하기

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

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

© k2s0o1d4e0s2i1g5n. All Rights Reserved