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

晚上好，我有一个HTML表单，其中包含一个提交按钮，除了执行表单的操作之外，我希望这些提交按钮先执行操作然后执行表单的操作，该按钮执行一个不错的jquery slideUp （）但是当我将它嵌入到表单中时它会执行表单的操作并忽略slideUp（）行为，在提交表单之前，让该按钮首先执行slideUp（）的可能方法是什么？

这是表格：

 
 
 
Description: 
 
Quantity:
 
Price: 
 
 
 
CC.No: 
 
Engine: 
 
Cylinder.No: 
 
 
 
Max-speed: 
 
Petrol-type: 
 
Petrol-capacity: 
 
 
 
 
 
  

这里的脚本应该在其他任何事情之前执行：

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

Answer 1

 $(".btn1").on('click', function(e) { e.preventDefault() var self = this; $('#toggleText').slideUp('fast', function() { self.form.submit(); }); }); 

Answer 2

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

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

Answer 3

您可以创建一个提交按钮，使用onclick来触发一个function，然后提交您的表单。 例如。

用于提交的html按钮

你的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(); });