一个简单的用户登录

一个简单的用户登录

在这里用的了layui 的插件和jquery的插件
一、Html部分：
1.首先得加载layui里面的弹框插件，这里的是layui的固定格式，不清楚的小伙伴可以到layui的官网研究一下。

var layer;
layui.use(['layer'], function(args) {
      layer = layui.layer;
});

2． 然后在是绑定登录按钮的点击事件，并获取form表单的值

//用户登录
$("#btnSubmit").click(function () {
    //获取值
    var UserNuber = $('#fmLogin[name="UserNuber"]').val();
    var Password = $('#fmLogin[name="Password"]').val(); 
});

btnSubmit为登录按钮的ID
fmLogin 为form表单ID
3. 再是判断用户是否输入如果用户有输入则使用post请求，否则输出“请填写完整信息”

strValIsNotNull为一个判断数据是否为空和undefined的方法
Christmas为控制器名称
UserLogin为控制器中action名称
msg为控制器返回的值
二、控制器部分：
4. 获取页面传递的数据，并定义一个状态值

string strMsg= "fail";定义一个记录状态的变量  
// 获取页面传递的变量
string strUserNuber = pwUser.UserNuber;   //用户名
string strPassword = pwUser.Password;    //密码

5. 判断用户输入的值，是否与数据库相同，并返回给页面
   
   return Json(strMsg, JsonRequestBehavior.AllowGet);

然后通过layui的弹窗插件返回给用户

从而达到登录的功能