javascript从input的获取用户输入值的注意点

错误操作

当获取用户输入值位于事件发生之前，即页面刚加载完毕时就获取了文本框中的数据此时数据时空的，后续用此做操作会出现错误

//获取用户输入的用户名
var un = document.getElementById("username").value;
//定义检验用户名函数
function checkusername() {
//获取用户输入的值

var flag1 =reg_username.test(un);
//假如用户名正确输入图片
if(flag1){
var s_username = document.getElementById("s_username");
s_username.innerHTML="<img src='img/gou.png'>";
return flag1;
}else{
var s_username = document.getElementById("s_username");
s_username.innerHTML="用户名格式错误";
return flag1
}
}

此时的un为在页面加载完毕时，就获取了文本框中的信息，但此时文本框中无输入信息，所以

var flag1 =reg_username.test(un);

正确操作

将获取用户输入值语句，放在函数内，从而确保是在用户输入数据后，事件发生调用函数获取用户输入的数据，那么后续即可正常进行正则表达式的判断 从而完成对用户输入用户名的校验

定义在函数内部即可