使用Jquery的表单校验

用户名校验

根据定义正则表达来校验不同的表单信息。

		//检查用户名
			function checkUsername() {
                var username = $("#username").val();
                //定义正则
                var reg =/^\w{6,12}$/;
                //判断正则
                var flag = reg.test(username);
                //通过判断来修改表单样式 来提醒用户
                if(flag){
                    $("#username").css("border","");
				}else{
                    $("#username").css("border","1px solid red");
				}
                return flag;
            }
           $(function () {
           		//通过提交来判断表单
				$("#registerForm").submit(function () {
					return checkUsername();
					});
				//当鼠标离开
                $("#username").blur(checkUsername);
              }