0

晚上好，我有一个 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>
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

您可以创建一个提交按钮，该按钮使用 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 回答
0

您应该将幻灯片放在一个方法中并在提交时调用它

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

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