解决注册功能中表单校验的错误

打开网页后，先获取了username的值，然后直接通过正则判断了，观察后发现是由于blur函数中应该传递的是函数名

原来的代码片

// An highlighted block
//校验用户名
function checkUsername() {
		//1.获取用户名值
		var username = $("#username").val();
		//2.定义正则
		var reg_username=/^\w{8,20}$/;
		//3.判断，给出提示信息
		var flag = reg_username.test(username);
		alert(flag);
		if (flag){
		 //用户名合法
            $("#username").css("border","");
		}else {
			//用户名不合法
            $("#username").css("border","1px solid red ");
		}
		return flag;
}
$(function () {
        //当表单提交时，调用所有的校验方法
		$("#registerForm").submit(function () {
			return checkUsername() &&checkPassword() &&checkEmail();
		//如果这个方法没有返回值或者返回为ture，则返回为false，则表单不提交
                });
        //当某个组件失焦时，调用对应的校验方法
			$("#username").blur(checkUsername());
			
 })

正确的代码片

当某个组件失焦时，调用对应的校验方法blur方法因此传递的是函数名

// An highlighted block
//校验用户名
function checkUsername() {
		//1.获取用户名值
		var username = $("#username").val();
		//2.定义正则
		var reg_username=/^\w{8,20}$/;
		//3.判断，给出提示信息
		var flag = reg_username.test(username);
		alert(flag);
		if (flag){
		 //用户名合法
            $("#username").css("border","");
		}else {
			//用户名不合法
            $("#username").css("border","1px solid red ");
		}
		return flag;
}
$(function () {
        //当表单提交时，调用所有的校验方法
		$("#registerForm").submit(function () {
			return checkUsername() &&checkPassword() &&checkEmail();
		//如果这个方法没有返回值或者返回为ture，则返回为false，则表单不提交
                });
        //当某个组件失焦时，调用对应的校验方法
			$("#username").blur(checkUsername);
			
 })