html页面登录

开发工具与关键技术：Visual Studio 2015
作者：杨镇虹
撰写时间：2020.08.28

一、页面登录
//点击登录
$("#dl").click(function () {
//获取表单的值
var UserTypeID = $("#formRegister [name =‘UserTypeID’]").val();//用户类型
var UserNameID = $("#formRegister [name = ‘UserName’]").val();//姓名
//获取ID
var waw = document.getElementById(“waw”); //密码框
var waw1 = document.getElementById(“waw1”); //密码的文本框
//判断用户类型
if (UserTypeID !=0 && UserTypeID != undefined && UserTypeID != null && UserTypeID != ‘’) {
//判断姓名
if (UserNameID != 0 && UserNameID != undefined && UserNameID != null && UserNameID != ‘’) {
//判断
if (waw.style.display == ‘block’ && waw1.style.display == ‘none’) {
var password = $("#formRegister [name = ‘password’]").val();//密码框的密码
//判断密码
if (password != 0 && password != undefined && password != null && password != ‘’) {
//打开加载层
var layerIndex = layer.load();
$.post("/Main/UserLogin", {
UserTypeID: UserTypeID,//用户类型
UserNameID: UserNameID,//姓名
password: password
}, function (Msg) {
//关闭加载层
layer.close(layerIndex);
//判断是否登录成功
if (Msg == “success”) {
//判断是否点击-确定-登录成功
if (window.confirm(“登录成功！”)) {
//跳转主页面
window.location.replace("/Main/Main");
}
} else {
//判断密码是否正确
if (Msg == “passwordErro”) {
layer.alert(“密码错误，请输入正确的密码！”, { icon: 3, title: “提示！” });
} else if (Msg == “error”) {
layer.alert(“数据异常！”, { icon: 0, title: “提示！” });
} else if (Msg == “error”) {
layer.alert(“数据异常！”, { icon: 0, title: “提示！” });
} else if (Msg == “userTypeErro”) {
layer.alert(“用户类型错误,没有此用户类型！”, { icon: 0, title: “提示！” });
}else {
layer.alert(“登录失败！”, { icon: 0, title: “提示！” });
}
}
});
} else {
layer.alert(“请输入密码！”, { icon: 0, title: “提示！” });
}
} else {
if (waw.style.display == ‘none’ && waw1.style.display == ‘block’) {
var password = $("#formRegister [name = ‘pa’]").val();//文本框的密码
// var password = document.getElementById(“password”);
document.getElementById(“password”).value = pa;//赋值密码框的密码
var Password = $("#formRegister [name = ‘password’]").val();
console.log(password);
if (password != 0 && password != undefined && password != null && password != ‘’) {
//打开加载层
var layerIndex = layer.load();
$.post("/Main/UserLogin", {
UserTypeID: UserTypeID,//用户类型
UserNameID: UserNameID,//姓名
password: password
}, function (Msg) {
//关闭加载层
layer.close(layerIndex);
//判断是否登录成功
if (Msg == “success”) {
//登录成功
if (window.confirm(“登录成功！”)) {
//跳转主页面
window.location.replace("/Main/Main");
}
} else {
//判断密码是否正确
if (Msg == “passwordErro”) {
layer.alert(“密码错误，请输入正确的密码！”, { icon: 3, title: “提示！” });
} else if (Msg == “error”) {
layer.alert(“数据异常！”, { icon: 0, title: “提示！” });
} else if (Msg == “error”) {
layer.alert(“数据异常！”, { icon: 0, title: “提示！” });
} else if (Msg == “userTypeErro”) {
layer.alert(“用户类型错误,没有此用户类型！”, { icon: 0, title: “提示！” });
} else {
layer.alert(“登录失败！”, { icon: 0, title: “提示！” });
}
}
});
} else {
layer.alert(“请输入密码！”, { icon: 0, title: “提示！” });
}
} else {
alert(“外星人输入，导致发生错误！”, { icon: 0, title: “提示！” });
}
}
} else {
layer.alert(“请选择姓名！”, { icon: 0, title: “提示！” });
}
} else {
layer.alert(“请选择用户类型！”, { icon: 0, title: “提示！” });
}
});