使用者在填写信息的时候,有些数据是不能乱填的,不然查询的时候会数据异常。比如我在填写添加充值数据的页面的时候,填写的用户,必须是用户表里有的,不然,保存的时候充值表会缺少数据,查询的时候会查不出来。这就要加给提醒。
页面代码:
<div class="form-group form-row">
<label class="col-form-label col-lg-3">用户名:</label>
<div class="col-lg-9">
<input type="text" class="form-control" id="UsUserName" name="UserName" />
</div>
</div>
Js代码:
使用blur事件,但你填写完数据,点击其他地方的时候触发。
Post方法提交数据
//自动判断用户存在
$("#UsUserName").blur(function () {
//调用封装的方法
var UserName = $("#formAuditExaminee [name='UserName']").val();
$.post("sUser", { UserName: UserName }, function (data) {
if(data!="")
{
layer.msg(data);// layer弹出层,需引用插件
}
}, "json")
});
控制器方法:
根据从页面传来的参数,就是那个(UserName)用户名,来筛选用户表信息,如果查找出来的数据为0条,就输出一条提示。
public ActionResult sUser(LayuiTablePage layuiTablePage, string UserName)
{
var qq = "";
var userCount = (from tbUser in myEntities.S_User
where tbUser.UserName == UserName
select tbUser).Count();
if (userCount == 0)
{
qq = "用户不存在!!!!";
}
return Json(qq, JsonRequestBehavior.AllowGet);
}
效果图:
但你输入名称后,点击页面其他地方,就会自动判断你输入的用户是否存在于数据库里,不存在就弹出提示,提醒你用户不存在,要重新输入。