MVC登陆验证操作流程
下面我们来了解MVC登陆验证操作流程
首先我也先搭建一个登陆页面,页面内容包括用户帐号,密码,验证码,具体身份,等输入框,对输入内容传到控制器进行验证匹配。当用户点击登陆时进行验证,如果输入的身份和帐号,密码正确刚跳转到指定页面,否则判断是否进行输入或密码,帐号是否正确进行不同的提示
登陆页面代码就不写了自行搭建啦
以下面为例:
$(document).ready(function () {
if (window.top.location.href != window.location.href) {
window.top.location.href = window.location.href;
}
});
var layer;
$("body").keyup(function (e) {
if (e.keyCode == 13) {
$("#btnSubmit").click();
}
});加载layer模块使用到 Plugins/layui/layui.all.js插件
$(function () {
layui.use(['layer'], function () {
layer = layui.layer;
});
当用户点击验证图片进行切换,让用户能找到清晰的验证码图片进行输入
$("#ValidateCode").click(function () {
$(this).prop("src", "/Main/ValidCode?t=" + new Date().getTime());
})
点击登录按钮进行页面数据提交到控制器进行判断
$("#btnSubmit").click(function () {
获取页面输入框的数据
var UserNuber = $('#fmLogin [name="UserNuber"]').val();
var password = $('#fmLogin [name="password"]').val();
var validCode = $('#fmLogin [name="validCode"]').val();
var UserTypeClass = $('#fmLogin [name="UserTypeClass"]').val();
var rememberMe = $('#fmLogin [name="rememberMe"]').val();
判断是否填写数据如果页面数据没填写完整则提示:
‘请把登录信息请填写完整"
如果填写了数据就传送到控制器进行判断,如果输入用户账号或密码错误则提示:“请输入正确的账号或密码“
如果是验证码错误则提示:“验证码错误“然后刷新验证码
if (strValIsNotNull(UserNuber) && strValIsNotNull(password) && strValIsNotNull(validCode)) {
//异步提交
var layerIndex = layer.loa