Question

jquery怎么实现当提交表单的时候执行一个函数

我使用agax提交的表单，当单击按钮时执行$("#form").submit();
为了实现提交时锁定页面返回数据后解锁

Answer 1

　　方式一：是通过jquery.validate的submitHandler选项，即当表单通过验证时执行回调函数。在这个回调函数中通过jquery.form来提交表单；

　　方式二：是通过jquery.form的beforeSubmit，即在提交表单前执行的回调函数，这个函数如果返回true，则提交表单，如果返回false，则终止提交表单。根据jquery.validate插件的valid()方法，就可以通过jquery.form提交表单时来对表单进行验证。

　　方式三：是通过jquery.validate验证表单的validate方法。这个方法的好处是对表单验证的控制更加自由。

Answer 2

代码执行的逻辑顺序移动一下即可，当Ajax有返回值的时候,再执行：$("#form").submit();

Answer 3

如果想这样的话，我觉得不用submit（）这个函数提交表单，而是使用ajax提交，比较合适。

Answer 4

jquery的ajax有对应的事件。

$.ajax({
beforeSend: function(){
// 提交前触发的事件
},
complete: function(){
//提交完成触发的事件
}
success: function(){
//提交成功触发的事件
}
});

不知道你问的是这个不。

Answer 5

ajax默认是异步提交的，所以并不是等你执行完一个操作后它才提交。在你做其他的事情的时候，他已经在提交了。要想等你做完一个事再提交，也就是让程序一步一步地走，你要设置ajax里面的async: false

$('#submitBtn').click(function(){
//在这里做你要做的事
$.ajax({
url: "test.php",
async: false,
success: function(html){
alert(html);
}
});
});