메뉴 건너뛰기

조회 수 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();
});

List of Articles
번호 제목 날짜 조회 수
59 jQuery 로 해보는 체크박스(checkbox) 전체선택, 선택해제 예제 2019.01.10 1085
58 jQuery 기초 (Query link url / download (위치, 사용법) // p태그, id, class 접근 / 일반태그 가져오기 / 클릭시 값) 2019.01.16 1079
57 jQuery 기초 (JQuery - text(), val(), html(), attr(), prop()) 2019.01.16 1055
56 jQuery 로 원하는 갯수만큼 checkbox 선택하기 2019.01.10 1031
55 .removeAttr() : 특정 속성을 제거 2019.01.16 1021
54 이미지 확대/축소 2020.11.25 979
53 .attr() : 태그의 속성 값을 읽어오거나 속성을 추가및 재설정 2019.01.16 962
52 jQuery 로 탭메뉴 2019.01.10 939
51 텍스트 필드에 기본글이 마우스 클릭하면 지워지게 하기 폼필드 소스 내에 아래 태그를 삽입한다. 2019.06.04 867
50 jQuery 일반적 팁 2019.06.04 853
49 정규식, 한글 못쓰게 하기, replace all 2021.03.26 846
48 click event scroll 2021.03.31 827
47 //ex)텍스트 박스 포커스 활성, 비활성 이벤트 2019.06.04 812
46 DateTimepicker ( Timepicker + Datepicker ) file 2021.03.26 792
45 체크박스 전체선택/해지 2019.06.04 790
44 새창(자식창) 제어하기, 새창 POST방식으로 값 넘기기 2021.03.26 788
43 JS 날짜 자료 비교 2019.06.04 788
42 JS 타이머 샘플 2019.06.04 746
41 간단한 스크롤 따라 움직이는 메뉴 만들기 2021.03.26 727
40 사업자 번호를 입력하면 자동으로 하이픈을 붙여줍니다. 2020.08.24 704
Board Pagination Prev 1 2 3 4 5 6 7 8 9 Next
/ 9

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

© k2s0o1d4e0s2i1g5n. All Rights Reserved