注册功能-校验用户名、异步提交表单

校验用户名

<script>
        function checkUsername() {
            alert("校验用户名");
            return false;
        }

        // 校验密码
        function checkPassword(){
            // 1、获取用户名值
            // 2、定义正则
            var reg_password = /^\w{8,20}$/;
            // 3、判断，给出提示信息
            var flag = reg_password.test(reg_password);
            if (flag){
                // 用户名合法
                $("#password").css("border","");
            }else {
                // 用户名非法，加一个红色边框
                $("#password").css("border","1px solid red");
            }
            return flag;
        }

        $(function () {
            // 当表单提交时，调用所有的校验方法
            $("#registerForm").submit(function () {
               return checkUsername() && checkPassword();
                // 如果这个方法没有返回值，或者返回true，则表单提交，如果返回false，则表单不提交
            });
            // 当某一个组件失去焦点是，调用对应的校验方法
            $("#username").blur(checkUsername());
            $("#password").blur(checkPassword());
        })
    </script>

异步提交表单

 // 当表单提交时，调用所有的校验方法
            $("#registerForm").submit(function () {
               return checkUsername() && checkPassword();
                // 如果这个方法没有返回值，或者返回true，则表单提交，如果返回false，则表单不提交
                $.post("registUserServlet",$(this).serialize(),function (data) {

                });
                // 跳转页面
                return false;