验证登录的方法

今天我要教给大家的技术是验证登录的方法,新建一个控制器,在控制器里面写我们验证登录的方法。在验证之前,我们先把页面搭建,下面是我搭建好的页面,如下图:
在这里插入图片描述
在上图中账号是要手机号码才能登录的,所以在登录的时候,我们要判断账号是否为手机号码,如果不是就不能让用户输入。密码也是要做验证,我不知道你们的密码是否做了判断,我要做的密码判断是长度在6至14位,不管是数字还是英文还是字符都是可以注册的,当然我也做了空格判断,如果是空格就不让它进来。下面的验证码是可以切换的,我之前的文献里写过验证码的切换,大家可以去参考一下。
那么,接下来我们进入今天的学习的内容。首先我们要在登录页面控制器里,声明三个字符串变量,一个是用户,一个是密码,一个是记住密码。读取浏览器请求传递的cookie,判断cookie是否存在,cookie是一种记录的机制。我们用ViewBag将数据返回给页面。写完之后,我们开始验证登录。写一个验证登录的控制器名称,如下图操作:
在这里插入图片描述
写完之后,我们用if判断一下页面传输过来的数据为不为空,如果为空就提醒用户,请把页面填写完整,然后我们从验证码开始验证,获取session存放的验证码,用try…catch来判断input标签输入的和图片的字符串是否一样。然后我们用if判断填入的验证码和session中的验证码是否一致(忽略大小写),方法如下:
if(sessionValiCode.Equals(strValidCode.Trim(),StringComparison.InvariantCultureIgnoreCase))
如果不正确就提示用户,输入的验证码错误,然后我们在if里面用try…catch来判断账号跟密码,首先判断账号是否存在,拿页面账号作为条件查询数据库表,具体操作如下:
在这里插入图片描述
下面还有几个判断,就是账号跟密码错误的时候要提示一下用户。在上面图片中,判断完账号后,我们要判断一下密码,因为密码是加密的,所以我们要用加密的方法来验证密码,验证完成之后,我们设置cookie,当记住密码等于true的时候我们就要保存cookie,我设置保存的时间为七天,否则就是删除cookie。如果都成功的话我们让strMsg = “success”。我们把验证方法写完之后,去到登录页面调用方法。
获取登录按钮的id,获取我们表单的id,开启layer加载层,当然你们也可以不用开启,具体操作如下:
在这里插入图片描述
这是我们点击登录按钮做的判断,当然我们也可以按回车健登录,代码如下:
//按回车键登录
$(“body”).keyup(function (e) {
if (e.keyCode == 13) {
$("#btnSubmit").click();
}
});

回车键在电脑里面等于13,然后我们调用登录的id,这样我们的验证登录就完成了。当然你们也可以用其它的方法进行登录。手机验证和密码验证的方法我就写一个给大家看看,代码如下:
function UserNuber() {
var phone = document.getElementById(‘UserNuber’).value;
if (!(/^1(3|5|7|8)\d{9}$/.test(phone))) {
layer.msg(‘手机号码格式有误,请输入正确的手机号码注册’, { icon: 2, title: ‘提示’ });
$("#UserNuber").val("");
}
}
//手机号码失去焦点事件
$("#UserNuber").blur(function () {
UserNuber();
})
这是手机号码的判断,密码的判断是一样的,不过正则的方法不一样,大家可以上网找一些正则的判断来看一下,当然获取id的名称也不一样。
学习总结:通过这次我学会了如何验证登录,我可能讲的不是很详细,不知道大家看得明白没有,但是这是最基础得判断了,希望你们能明白,如果不明白还是有什么问题可以进行评论,密码的正则也许有很多人会找不到,我让大家先在网上找,考验一下你们找正则密码的艰辛,后期我会把密码的正则发在评论区上。

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值