如何让表单中的提交按钮在执行表单操作之前执行某些操作

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

来源

2013-02-27 Java Player

是什么toggleText在你的例子有与该ID不派息？ – 2013-02-27 21:43:56

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

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

来源

2013-02-27 21:43:03 adeneo

你应该把上滑在一个方法中，并在提交时调用它

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

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

来源

2013-02-28 02:34:36

您可以创建一个提交按钮，它使用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-28 02:55:58 lukeocom

如何让表单中的提交按钮在执行表单操作之前执行某些操作

回答

相关问题