양식의 동작을 실행하기 전에 양식의 제출 단추를 수행하는 방법

Question

안녕하세요, 양식의 동작을 실행하는 것 이외의 작업을 수행하는 제출 단추가 포함 된 HTML 양식이 있습니다. 버튼을 사용하여 작업을 수행 한 다음 폼의 동작을 수행합니다.이 버튼은 멋진 jquery slideUp()을 수행하지만 폼에 해당 동작을 포함 시키면 slideUp() 동작을 무시합니다. 가능한 작업은 무엇입니까? 양식을 제출하기 전에 해당 버튼이 slideUp()을 먼저 수행하게하는 방법은 무엇입니까? 여기

의 형식은 다음과 같습니다

<form action="AddNewCar" method="get"> 
      <table BORDER=2 BORDERCOLOR=YELLOW width="300px"> 
       <tr> 
        <td>Description: <input type="text" name="desc" /></td> 
        <td>Quantity:<input type="text" name="qunt" /></td> 
        <td>Price: <input type="text" name="price" /></td> 
       </tr> 

       <tr> 
        <td>CC.No: <input type="text" name="cc" /></td> 
        <td>Engine: <input type="text" name="engine" /></td> 
        <td>Cylinder.No: <input type="text" name="cylinder" /></td> 
       </tr> 

       <tr> 
        <td>Max-speed: <input type="text" name="speed" /></td> 
        <td>Petrol-type: <input type="text" name="ptr-type" /></td> 
        <td>Petrol-capacity: <input type="text" name="ptr-cpcty" /></td> 

       </tr> 
       <tr> 

        <td colspan="3"><input type="submit" class="btn1" value="Add" onclick="addNewCar()" /></td> 

       </tr> 
      </table> 




     </form> 

여기에 스크립트가 다른 것을하기 전에 실행하도록되어있다 :

<script type="text/javascript" src="jquery-1.9.1.min.js"></script> 

$(".btn1").click(function() { 
     $('#toggleText').slideUp(); 
    }); 



</SCRIPT> 

Answer 1

$(".btn1").on('click', function(e) { 
    e.preventDefault() 

    var self = this; 
    $('#toggleText').slideUp('fast', function() { 
     self.form.submit(); 
    }); 
}); 

Answer 2

당신은 슬라이드를 위로 놓아야합니다 메소드에서 호출하고 submit시 호출

<form action="AddNewCar" onsubmit="slideupmethod" method="get"> 

function slideupmethod(){ 
    $('#toggleText').slideUp(); 
} 

Answer 3

onclick을 사용하여 기능을 실행하고 제출 양식을 제출하는 제출 버튼을 만들 수 있습니다. 예를 들어.

에 대한 HTML 버튼을 제출

<input type="button" value="Submit Order" class="btn_submit" onclick="submitOrder()" /> 

당신의 자바 스크립트 함수

//function called when submit button pressed 
function submitOrder() { 

    //perform client side form validation and other things 

    //submit the form 
    $('#yourFormId').submit(); 
} 

또는 현재 가지고있는 버튼을 사용하여. 단추를 누를 때 양식이 제출되지 않도록하고 필요한 조치를 수행 한 다음 양식을 제출할 수 있습니다.

자바 스크립트

$('form').submit(function(evt){ 
//prevent form from submitting 
evt.preventDefault(); 
//do required actions 

//submit form 
$('form').submit(); 

});