제어쿼리 Form Action 값 변경

안녕하세요. 제이쿼리  Form Action 값 변경에 대해 이야기해보려 합니다.

(2021년 3월 13일자로 내용 수정하였습니다.)

 

흔히 아래와 같이 Form에서 action값을 이용하여 컨트롤러로 보냅니다.

<form id="listForm" name="listForm" action="/reserve/create" method="post">

제가 겪었던 상황은 일반 사용자일 경우, 시설의 사용 허가 조건 서약을 작성하는 것이였고,

관리자일 경우는 이 경우를 뛰어넘어 바로 예약으로 넘어가는 상황을 만들어야 했습니다.

허나, 폼 값의 action값이 하나이기 때문에 제이쿼리에서 변경하여 구현한 사례입니다!

 

 

제이쿼리를 통해서 아래와 같이 작성해 보았습니다.

 

<div class="pull-right"> 
            <a href="javascript:void(0);" class="btn btn_black" onclick="fnResve();"><span>예약하기</span>
/div>

우선, 예약하기 버튼에 onclick으로 설정되어 있는 fnResve();를 제이쿼리에서 아래와 같이 선언해줍니다.

 

 

function fnResve() {
         $("#listForm").attr("action", "/reserve/create").submit();
        
        }

핵심 부분!!!!!!! Form action 값 변경 부분입니다.

 

기존에는 $(“#listForm).submit(); 입니다. 이것을 다른 form action 값으로 변경하겠습니다.

마지막 줄에는 form 아이디 값인 listform을 넣어줍니다.

그리고 .attr 안 첫번째 부분에서 action은(“action”) 뒤에 부분은 이동할 주소, 즉 해당하는 jsp부분(“/reserve/create) 으로 가라라는 뜻입니다.

그리고 마지막에 .submit();을 하면 완료가 됩니다.

 

저도 몰랐던 부분이라 같이 알면 좋을 것 같네요 :)