【前端】return false失灵，无法阻止提交表单

木有会

于 2019-01-29 10:29:28 发布

阅读量3.9k

点赞数 1

CC 4.0 BY-SA版权

分类专栏：杂七杂八文章标签：前端

本文链接：https://blog.youkuaiyun.com/mudarn/article/details/86686295

杂七杂八专栏收录该内容

85 篇文章

订阅专栏

本文详细介绍了在网页登录表单中如何使用JavaScript进行输入验证，包括用户名、手机号及保单号的检查，并提供了错误信息的展示方法及表单提交的解决方案。

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

function login(){
    var logName=$("#logName").val();
    var  phone=$("#phone").val();
    var  protectNum=$("#protectNum").val();
    if (logName == '' || logName == undefined || logName == null) {
        util.showText("用户名有误，请重填",$(".z_errorcontent"));
        return false;
    }
    if (phone == '' || phone == undefined || phone == null) {
        util.showText("手机号不能为空，请重填",$(".z_errorcontent"));
        return false;
    }
    if(util.validPhone(phone)){
        util.showText("手机号码格式有误，请重填",$(".z_errorcontent"));
        return false;
    }
    if (protectNum == '' || protectNum == undefined || protectNum == null) {
        util.showText("保单号有误，请重填",$(".z_errorcontent"));
        return false;
    }
    form.submit();
}

解决办法：
按钮：onclick="login();return false;
或者在表单form中加上 onsubmit="return false;"