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

最新推荐文章于 2024-11-15 13:09:21 发布

原创最新推荐文章于 2024-11-15 13:09:21 发布 · 3.9k 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#前端

杂七杂八专栏收录该内容

85 篇文章

订阅专栏

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

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;"