$("").submit表单提交return false;的作用

最新推荐文章于 2021-06-09 08:36:16 发布

十一的猫d

最新推荐文章于 2021-06-09 08:36:16 发布

阅读量3.1k

点赞数 2

CC 4.0 BY-SA版权

分类专栏：前端

本文链接：https://blog.youkuaiyun.com/xiao_Ray/article/details/81902002

前端专栏收录该内容

2 篇文章

订阅专栏

本文探讨了使用Ajax进行异步表单提交时如何通过return false阻止表单的默认提交行为，确保逻辑判断得以执行。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

$("#registerForm").submit(function () {
if(checkUserName() && checkPassword()){
$.post("user/regist", $(this).serialize(), function (info) {
    alert(1111);
    if (info.flag) {
        location.href = "register_ok.html";
    } else {
        $("#error_msg").html(info.errorMsg);
    }
});
}
return false;});

上面是一个表单提交,绑定事件的方法是一个ajax异步提交,但是如果不写最后的return false,会发生什么呢?

我在form表单中写了一个action="login.html",点击提交时,弹出了1111,所以是执行了ajax的请求的,但是点击确认后,页面又直接跳转到了login页面,而并没有执行后面的判断语句.这是为什么?

ajax默认是异步的，因此当你触发ajax动作之后，主线程是不会理会ajax回调中的内容直接执行接下去的语句的，你在回调中判断返回值合法与否是无法阻断主线程中的表单提交动作的。
所以return false 其实是用来阻止表单的提交动作,也就是我关闭了主线程的提交.