[jQuery] jQuery form submit target 지정 (팝업 submit)

jQuery를 이용하여 특정 개체로 submit 을 해야 하는 경우 아래와 같이 작성하면된다.

 

주의 할 점은 form 에 id가 존재 해야 하며, form 태그에 onSubmit="return false" 옵션이 없어야한다.

 

Ex)

<form id="form_id" name="form_id" method="post" onSubmit="return false"> => (X)

<form id="form_id" name="form_id" method="post" > => (O)

 

/* jQuery submit target은 popup */
 function jqSubmit(){
        $("#form_id").one("submit", function() {

            window.open('','pop_target','width=700, height=600, top=0, left=0, resizable=no, status=no, menubar=no, toolbar=no, scrollbars=yes, location=no');
            this.action = "./popUp.jsp";
            this.method = 'POST';
            this.target = 'pop_target';
        }).trigger("submit");
 }

 

* 빈페이지 popup을 띄운 후에 내가 원하는 페이지를 해당 popup 으로 submit 한다

[출처] jQuery form submit target 지정 (팝업 submit) (하늘 Java) |작성자 프라임