这个return false为何不能阻止页面的跳转

问题遇到的现象和发生背景
问题相关代码，请勿粘贴截图
运行结果及报错内容
我的解答思路和尝试过的方法

尝试过将if注销掉，他还是会跳转页面。

我想要达到的结果

使用正则表达式匹配用户名合不合法；‘’

    <script type="javascript" src="../../static/script/jquery-1.7.2.js"></script>
    <script type="text/javascript">
        $(function () {
    $("#sub_btn").click(function () {//绑定注册按钮
        var usernameText=$("#username").val();
        var usernamePath=/^\w{5,12}$/;
        if (!usernamePath.test(usernameText)) {
            $("span.errorMsg").text("用户名不合法")
            return false;
        }
        
        $("span.errorMsg").text("")    ;
    })
        })
    </script>

//完整代码

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>尚硅谷会员注册页面</title>
    <script type="javascript" src="../../static/script/jquery-1.7.2.js"></script>
    <script type="text/javascript">
        $(function () {
    $("#sub_btn").click(function () {
        var usernameText=$("#username").val();
        var usernamePath=/^\w{5,12}$/;
        if (!usernamePath.test(usernameText)) {
            $("span.errorMsg").text("用户名不合法")
            return false;
        }

        $("span.errorMsg").text("")    ;
    
    })
        })
    </script>
<link type="text/css" rel="stylesheet" href="../../static/css/style.css" >
<style type="text/css">
    .login_form{
        height:420px;
        margin-top: 25px;
    }
    
</style>
</head>
<body>
        <div id="login_header">
            <img class="logo_img" alt="" src="../../static/img/logo.gif" >
        </div>
        
            <div class="login_banner">
            
                <div id="l_content">
                    <span class="login_word">欢迎注册</span>
                </div>
                
                <div id="content">
                    <div class="login_form">
                        <div class="login_box">
                            <div class="tit">
                                <h1>注册尚硅谷会员</h1>
                                <span class="errorMsg"></span>
                            </div>
                            <div class="form">
                                <form action="regist_success.html">
                                    <label>用户名称：</label>
                                    <input class="itxt" type="text" placeholder="请输入用户名" autocomplete="off" tabindex="1" name="username" id="username" />
                                    <br />
                                    <br />
                                    <label>用户密码：</label>
                                    <input class="itxt" type="password" placeholder="请输入密码" autocomplete="off" tabindex="1" name="password" id="password" />
                                    <br />
                                    <br />
                                    <label>确认密码：</label>
                                    <input class="itxt" type="password" placeholder="确认密码" autocomplete="off" tabindex="1" name="repwd" id="repwd" />
                                    <br />
                                    <br />
                                    <label>电子邮件：</label>
                                    <input class="itxt" type="text" placeholder="请输入邮箱地址" autocomplete="off" tabindex="1" name="email" id="email" />
                                    <br />
                                    <br />
                                    <label>验证码：</label>
                                    <input class="itxt" type="text" style="width: 150px;" id="code"/>
                                    <img alt="" src="../../static/img/code.bmp" style="float: right; margin-right: 40px">                                    
                                    <br />
                                    <br />
                                    <input type="submit" value="注册" id="sub_btn" />
                                    
                                </form>
                            </div>
                            
                        </div>
                    </div>
                </div>
            </div>
        <div id="bottom">
            <span>
                尚硅谷书城.Copyright &copy;2015
            </span>
        </div>
</body>
</html>


<form action="" οnsubmit="return func()">
<script>
function func(){
    if (){
        //判断
        return false;
    }
}
</script>

form表单里的submit按钮会有默认提交，得清除默认事件

$("#sub_btn").click(function (e){
e.preventDefault()
}

在form标签加上onsubmit = "return false">