JQuery的blur()函数调用

Question

由于代码量太大就没有全部放出来，就放了我有问题的那一块。
这段是用jquery写的，也是在页面加载后才写的。
问题是 为什么不论输入的用户名是否符合正则表达式都会出现 “用户名不合法” ；在第一次输入不合法后，重新输入合法的用户名也还是会有 “用户名不合法”。
为啥会这样子？实在没搞懂，请各位帮忙看看

var usernameVal = $("#username").val();
                var pattern = /^\w{5,12}$/;
                $("#username").blur(function () {
                    if (!pattern.test(usernameVal)){
                        $("span.errorMsg").text("用户名不合法");
                    }else {
                        $("span.errorMsg").text("");
                    }
                });

Answer 1

因为你的usernameVal是一开始获取的，是死的，每次都一样，你可以打印看看，你应该把它放在blur回调里动态获取