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

发布网友 发布时间：2022-04-22 05:47

我来回答

共7个回答

热心网友 时间：2022-04-20 07:31

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

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

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

热心网友 时间：2022-04-20 08:49

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

热心网友 时间：2022-04-20 10:23

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

热心网友 时间：2022-04-20 12:15

jquery的ajax有对应的事件。

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

不知道你问的是这个不。

热心网友 时间：2022-04-20 14:23

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

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

热心网友 时间：2022-04-20 16:47

<script type="text/javascript">
$(document).ready(function(){
$("#form:submit").click(function(){
……
});
});
</script>追问不好意思，我没说清楚 我用的是ui.formValidator控件实现的Agax提交 ，怎么解决这问题啊？

追答这个控件我没用过

热心网友 时间：2022-04-20 19:29

当然可以再次提交，你只要写相应的get/post方法提交就可以了，你那里肯定代码有问题，lz可仔细检查下