js 注册页面手机号检测

    <script type="text/javascript">
        // 点击“完成注册” 绑定点击事件
        document.getElementById('reg_btn').onclick = function(){
            // 设置一个标记、开关，用来记录是否出错，是否可以提交表单
            var flag = true;
            // 获取手机号输入框，获取value值
            var phone_input = document.getElementById('phone');
            var phone = phone_input.value;
            // 根据手机号正则表达式进行格式检测
            var pattern = /^1[3-9]\d{9}$/;
            if(phone == ''){
                //手机号不能为空
                phone_input.nextElementSibling.innerHTML = '手机号不能为空';
                flag = false;
            }else if( !pattern.test(phone) ){
                // 格式错误，则给报错提示
                // 获取手机号input后面一个兄弟标签，设置内容
                phone_input.nextElementSibling.innerHTML = '手机号格式不正确';
                flag = false;
                
            }else{
                //格式正确
                phone_input.nextElementSibling.innerHTML = '';
                flag = true;
            }

            //验证码、密码、确认密码检测
            
            //如果都通过（没有报错） 则提交表单
            if(flag){
                //可以提交表单  通过js提交表单  submit() 方法
                document.getElementById('reg_form').submit();
            }
            
        }
        
    </script>