验证登录的方法

article/2025/10/10 1:37:16

今天我要教给大家的技术是验证登录的方法,新建一个控制器,在控制器里面写我们验证登录的方法。在验证之前,我们先把页面搭建,下面是我搭建好的页面,如下图:
在这里插入图片描述
在上图中账号是要手机号码才能登录的,所以在登录的时候,我们要判断账号是否为手机号码,如果不是就不能让用户输入。密码也是要做验证,我不知道你们的密码是否做了判断,我要做的密码判断是长度在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的名称也不一样。
学习总结:通过这次我学会了如何验证登录,我可能讲的不是很详细,不知道大家看得明白没有,但是这是最基础得判断了,希望你们能明白,如果不明白还是有什么问题可以进行评论,密码的正则也许有很多人会找不到,我让大家先在网上找,考验一下你们找正则密码的艰辛,后期我会把密码的正则发在评论区上。


http://chatgpt.dhexx.cn/article/qXIkDRkg.shtml

相关文章

登录的表单验证

最近在学习如何使用 VUE 框架编写后台管理系统,首先完成的是登录页面,登录页面中需要给 Form 表单配置登录验证,现总结如下: 参考文档 Element组件库 登录页面中创建组件使用的是 Element 组件库中的Form表单 使用文档&#xf…

如何实现页面登录验证

现在很多网站在登录的时候都需要输入验证码,现在输入的验证码方式层出不穷有单单是数字的、字母(又分大小写)的,有数字、字母混合的,有给出运算表达式需要回答结果的,还有的卡片移动组合的...,为…

token登陆验证

登陆业务的实现 由于http是无状态的,那么应该如何记住登录状态呢? 单一应用的服务中常见做法是在客户端cookie中保存sessionId,服务器端的session中保存sessionid,每次客户端发送请求的时候都带上sessionid,在服务器端进行验证。 在分布式系…

登录界面的验证

用html、css、js做一个简单的登录界面的验证 做一个登录界面验证 用户名不允许为空 密码为6-16位数字 邮箱要用email格式 手机号必须1开头且为11位数 地址必须填写 必须勾选同意协议才可以提交 css 用户名框验证如下 var flag true;if(name.length<1){$(msgName).innerT…

登录页面验证

页面组件 登录页 <template><div><p>用户名&#xff1a;<input type"text" v-model"userName" /></p><p>密码&#xff1a;<input type"text" v-model"passWord" /></p><button …

JavaScript登录验证

要求 账号&#xff1a;3-15位并且不能数字开头 密码&#xff1a;6-18位并且不能全是数字或者全是字符 页面代码 <body> <form><label>用户名:</label><input type"text" id"userName" name"userName" placeholder…

用户登陆验证

我们在操作各种软件的过程中&#xff0c;都涉及“用户登陆”的操作。例如登陆QQ、微信等软件&#xff0c;都需要用户名和密码的验证。 现在我们要开发一个图书馆管理系统&#xff0c;系统需要一个登陆的功能&#xff0c;我们应该怎么样实现用户登陆的验证功能&#xff1f; 我们…

Web 登录验证

前言&#xff1a;Web 用户的身份验证&#xff0c;及页面操作权限验证是B/S系统的基础功能&#xff0c;一个功能复杂的业务应用系统&#xff0c;通过角色授权来控制用户访问&#xff0c;本文通过Form认证&#xff0c;Mvc的Controller基类及Action的权限验证来实现Web系统登录&am…

如何实现验证登录

开发工具与关键技术&#xff1a;VS .MVC基础 作者&#xff1a;卢雅婷 撰写时间&#xff1a;2019/05/6 &#xff08;代码来源于老师&#xff09; 实现验证登录这个操作是一些软件使用前的操作&#xff0c;第一步是注册&#xff0c;再就是登陆软件&#xff0c;&#xff08;比喻微…

实现登录验证

最近练习搭建了一个后台管理系统,首先第一步做了关于验证登录的功能.以下项目使用了Nacos作为服务发现和注册中心,将Auth和gateway,system等相关多个微服务注册进Nacos.每次刷新登录页面,就会获取新的验证码(,输入正确的验证码即可成功跳转至首页. 获取验证码url:http://localh…

【图解】用户登录验证流程,这下彻底搞懂了!

开发者&#xff08;KaiFaX&#xff09; 面向全栈工程师的开发者 专注于前端、Java/Python/Go/PHP的技术社区 本文通过图示及代码的方式介绍用户登录流程及技术实现&#xff0c;内容包括用户登录&#xff0c;用户验证&#xff0c;如何获取操作用户的信息以及一些黑名单及匿名接口…

前端应该掌握的登录认证知识

1 背景 前一段时间&#xff0c;参与了老项目的迁移工作&#xff0c;配合后端接口迁移时&#xff0c;由于两个项目采取了不一样的登陆方案&#xff0c;所以遇到了跨域登录态无法共享的问题。经过各方协调&#xff0c;最终老项目将迁移页面部署在新项目的指定网关下&#xff0c;…

中间件登录验证(白名单,黑名单)

中间件版的登录验证需要依靠session&#xff0c;所以数据库中要有django_session表。 urls.py from django.conf.urls import url from app01 import viewsurlpatterns [url(r^index/$, views.index),url(r^login/$, views.login, namelogin), ]urls.py View Code views.py fr…

登录验证的那些事儿

前言 在以前的项目我们一般使用session或者cookie来存储已登录的用户信息&#xff0c;这样到达一个免除重复登录的问题&#xff0c;那么如何登录&#xff0c;又如何验证&#xff0c;就是一直在讨论的问题。今天我们对这些技术点进行一个梳理。 字 多 你 就 挑 有 颜 色 的 看…

计算机网络-(自顶向下方法)

计算机网络基础知识概述 计算机网络学习的核心内容就是网络协议的学习。网络协议是为计算机网络中进行数据交换而建立的规则、标准或者说是约定的集合。因为不同用户的数据终端可能采取的字符集是不同的&#xff0c;两者需要进行通信&#xff0c;必须要在一定的标准上进行。 …

计算机网络:自顶向下方法 笔记

计算机网络&#xff1a;自顶向下方法 笔记 综述因特网部件图例交换方式分组交换电路交换频分复用时分复用 对比 五层/七协议一个传输实例攻击DOS攻击 应用层应用程序结构客户-服务器结构P2P point2point结构 应用层协议总览http报文格式http状态码cookiesessionhttps FTPSMTPDN…

计算机网络 自顶向下 笔记

目录 第一章 计算机网络和因特网 全书答案评论留言即可 我私发&#xff0c;这里上传不了文本 第一章 计算机网络和因特网 什么是因特网&#xff1f; 因特网的具体构成&#xff1a;构成因特网的基本硬件和软件组件 分布式应用的互联网基础设施来描述 ---------------------…

《计算机网络-自顶向下》04. 网络层-数据平面

文章目录 网络层数据平面和控制平面两者的概述数据平面控制平面 控制平面&#xff1a;传统方法控制平面&#xff1a;SDN 方法网络服务模型 路由器工作原理通用路由器体系结构输入端口的功能基于目标的转发 交换结构内存交换方式总线交换方式纵横式交换方式 输出端口的功能何时何…

计算机网络自顶向下方法 习题参考答案 第一章

复习题&#xff1a; R1. 没有什么不同。PC、服务器、手机等。Web服务器是端系统。 R2. Protocol is commonly described as a set of international courtesy rules. These well-established and time-honored rules have made it easier for nations and people to live a…

计算机网络自顶向下方法(第六版) 课后题答案 | 第三章

复习题 R1. a. 将此协议称为简单传输协议(STP)。在发送方端&#xff0c;STP 从发送过程中接收不超过 1196 字节的数据块、目标主机地址和目标端口号。STP 向每个块添加一个 4 字节的报头&#xff0c;并将目标进程的端口号放在这个报头中。然后 STP 将目标主机地址和报文段提供…