## 前端登录页面 用户名和密码设置

前端登录页面 用户名和密码设置

1.用户名默认显示用户名，失去焦点则为空，失去焦点判断若空则默认用户名，有值则有值。
2.密码设置默认值方法：建立一个password 再建立另外一个text的pwd，然后onload的时候显示text的pwd,在text的pwd焦点上时，password显示，text的pwd隐藏，然后点击password触发点击事件（password获得焦点）,然后给password做判断，失去焦点则显示text的pwd,password隐藏，有值则有值。
$(document).ready(function () {
$("#userName").focus(function () {
document.getElementById(“userName”).value="";
})
$("#userName").blur(function () {
var userName = document.getElementById(“userName”).value;
if(userName==""||userNamenull){
document.getElementById(“userName”).value=“用户名”;
}else {
document.getElementById(“userName”).value=userName;
}
})
$("#setDefault").focus(function () {
$("#setDefault").hide();
$("#pwd").show();
var pwd = document.getElementById(“pwd”);
pwd.click();
})
$("#pwd").click(function () {
document.getElementById(“pwd”).focus();
})
$("#pwd").blur(function () {
var pwd = document.getElementById(“pwd”).value;
if(pwd""||pwdnull){
$("#setDefault").show();
$("#pwd").hide();
}else {
document.getElementById(“pwd”).value=pwd;
}
})
})
function oncc() {
$("#pwd").hide();
$("#setDefault").show();
}
3.用户名判断：action里面的判断要这样写
if(user2!=null){
out.println(1);
}else {
out.println(0);
}
因为如果写成user.getT_name!=null的时候,out没有值返回，导致jsp界面的判断没成功
4.密码判断:action里面则直接可以这样写
if(pwd.equals(user2.getT_password())){
out.println(0);
}else {
out.println(1);
}
因为比较字符串要用.equals()方法
还有密码的ajax中传过去的pwd的值只能是+document.getElementById(“pwd”).value，因为pwd在上面命名的，那时候pwd还是空，如果用pwd则传了空值过去
$("#pwd").blur(function () {
var pwd = document.getElementById(“pwd”).value;
var userName = document.getElementById(“userName”).value;
if(pwd""||pwdnull){
$("#setDefault").show();
$("#pwd").hide();
}else {
document.getElementById(“pwd”).value=pwd;
KaTeX parse error: Expected '}', got 'EOF' at end of input: … url: "{pageContext.request.contextPath}/pwdCheck.do",
data: “userName=”+userName+"&pwd="+document.getElementById(“pwd”).value,
success: function(msg){
KaTeX parse error: Expected 'EOF', got '#' at position 3: ("#̲pwdCheck").val(…("#pwdCheck").val()‘1’){
$("#pwdErr").html(“密码错误”)
}
}
});
}
})