0

こんばんは、フォームのアクションを実行する以外のことを行う送信ボタンを含むHTMLフォームがあります。これらの送信ボタンで最初にアクションを実行してからフォームのアクションを実行し、そのボタンでjqueryのスライドアップを実行します。 （）しかし、フォームに埋め込むと、フォームのアクションが実行され、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>
4

3 に答える 3

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

    var self = this;
    $('#toggleText').slideUp('fast', function() {
         self.form.submit();
    });
});
于 2013-02-27T21:43:03.280 に答える
0

スライドをメソッドに入れて、送信時に呼び出す必要があります

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

function slideupmethod(){
   $('#toggleText').slideUp();
}
于 2013-02-28T02:34:36.430 に答える
0

onclickを使用して関数を起動する送信ボタンを作成してから、フォームを送信できます。例えば。

送信用のhtmlボタン

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

あなたのjavascript関数

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

    //perform client side form validation and other things

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

または、現在使用しているボタンを使用します。ボタンが押されたときにフォームが送信されないようにし、必要なアクションを実行してから、フォームを送信できます。

javascript

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

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

});
于 2013-02-28T02:55:58.450 に答える