简单的登录验证

最新推荐文章于 2024-02-02 13:32:03 发布
最新推荐文章于 2024-02-02 13:32:03 发布
阅读量579 收藏
点赞数
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/chang_nimo/article/details/61217291
版权
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" lang="zh-CN">
<head>
    <title></title>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <link rel="stylesheet" type="text/css" href="__PUBLIC__/css/skin.css" />

    <script language="javascript" src='__PUBLIC__/js/public.js'></script>

//引入jQuery文件夹

    <script language="javascript" src='__PUBLIC__/js/jquery.js'></script>
    <script >
    //页面加载完毕加载js
    window.οnlοad=function(){
    window.user;//定义js全局变量
        getajax();
        //进行绑定事件
        $('#name').blur(function(){
        var username=$('#name').val();
        if(username==user){
        alert('该用户登录正确！');
        }else{
        alert('该用户登录不正确!');
        }
        }); 
    } 
    //获取ajax数据
    function getajax(){
    var xhr=createXhr();
    xhr.open('get','__URL__/checkname');
    xhr.send(null);
    xhr.onreadystatechange=function(){
    if(xhr.readyState==4){
    user=xhr.responseText;
    alert(user);
    }
    }
    }




    </script>
</head>
    <body>
        <table width="100%">
            <!-- 顶部部分 -->
            <tr height="41"><td colspan="2" background="./Images/login_top_bg.gif">&nbsp;</td></tr>
            <!-- 主体部分 -->
            <tr style="background:url(./Images/login_bg.jpg) repeat-x;" height="532">
               
                <!-- 主体右部分 -->
                <td id="right_cont">
                    <table height="100%">
                        <tr height="30%"><td colspan="3">&nbsp;</td></tr>
                        <tr>
                            <td width="30%" rowspan="5">&nbsp;</td>
                            <td valign="top" id="form">
                                <form action="__URL__/checklogin" method="post">
                                    <table valign="top" width="50%">
                                        <tr><td colspan="2"><h4 style="letter-spacing:1px;font-size:16px;">登录界面</h4></td></tr>
                                        <tr><td>管理员：</td><td><input type="text" id='name' name="username" value="" /></td></tr>
                                        <tr><td>密&nbsp;&nbsp;&nbsp;&nbsp;码：</td><td><input type="text" name="pwd" value="" /></td></tr>
                                        <tr><td>验证码：</td><td><input type="text" name="code" value="" style="width:80px;"/></td></tr>
                                        <tr class="bt" align="center"><td>&nbsp;<input type="submit" name='submit' value="登陆" /></td><td>&nbsp;<input type="reset" value="重填" /></td></tr>
                                    </table>
                                </form>
                            </td>
                            <td rowspan="5">&nbsp;</td>
                        </tr>
                        <tr><td colspan="3">&nbsp;</td></tr>
                    </table>
                </td>
            </tr>
            <!-- 底部部分 -->
            <tr id="login_bot"><td colspan="2"><p>Copyright © 2011-2012 RainMan 网络工作室</p></td></tr>
        </table>
      
    </body>
</html>
chang_nimo
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
简单登录验证
豫迷糊的码上生活
08-18 413
<!DOCTYPE html> <html><head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <meta charset="utf-8"> <title>本站开启了验证码保护</title> <style type="text/css"> html{background-color:#FFF}body,butto.
一个简单的登录验证
qq_43042445的博客
09-03 434
<template> <div class='login_container'> <div class='login_box'> <!-- 头像设置 --> <div class='avator'> <img src='../assets/logo.png' alt='页面加载失败' /> </div> <!-- 输入控制 -->
原生js验证简洁注册登录页面
10-20
主要为大家详细介绍了原生js验证简洁美观注册登录页面的相关资料，具有一定的参考价值，感兴趣的小伙伴们可以参考一下
JS项目（验证注册页面信息）
A_Xunla的博客
06-02 4767
JS项目（验证注册页面信息） 设计如下图所示的页面，各文本框输入信息在失去焦点时验证，如果输入有误，在文本框后面提示错误信息，各文本框输入信息的具体要求如下： (1) 用户名是由 4 ~ 16 位字符组成，不能包含数字，不能为空。加载页面时提示相应信息。 (2) 密码是由 4 ~ 10 位字符组成，且不能为空，加载页面时提示相应信息。密码和确认密 码必须一致。 (3) 电子邮箱信息不能为空，且必须包含“@”符号和“.”符号，且“@”符号不能在第 1 位，必须在“.”符号前面。.........
【JavaScript】案例1：使用JS完成注册页面校验
专注于Java领域开发 关注我 带你玩转Java
07-30 7455
使用JS完成注册页面校验
使用JavaScript实现注册页面并验证
weixin_69420643的博客
09-21 6025
使用JavaScript实现注册页面并验证
登录验证
weixin_45331546的博客
08-18 2237
登录验证理解：指的是进入一个页面或者是系统之前检验用户是否有权限进入 登录验证的步骤： ①　获取页面用户输入的数据，然后通过提交传递到控制器 ②　在控制器中对页面传过来的数据进行验证，检查数据数据是否为空，密码是否输入正 确，验证码输入正确等等 ③　验证的数据准确可以登录，否则不能登录 在登录验证中的查询我们用到了C#的Linq查询代码，而Linq查询： LINQ :语言集成查询（英语：Language Integrated Query，缩写：LINQ），发音"link"， 是微软的一项技术，新增一种自然查
HTML + CSS + JavaScript 实现注册页面信息验证 详细教程（表单验证）
热门推荐
射手座轩木酱的代码天地~
05-13 2万+
本文介绍使用HTML + CSS + JavaScript 实现注册页面信息验证的详细方法。完整代码见文章末尾。对注册信息进行判断，判断其是否符合要求。（如：密码6-12位字符，不能有空格等）这里拿用户名和密码进行验证：用户名和密码都是6-12位字符，不能有空格。我们可以使用三个块标签，可以将这三个部分分别放到每个块标签中。不过这个时候还没有验证功能，下面将实现这一功能。（用户名/密码格式是否正确）创建一个注册页面，如下图。第一部分：两个段落文本。第三部分：登录/有账号。
常见的登录验证方式
最新发布
qq_43359234的博客
02-02 1431
这种方式能够节省传输时占用的连接资源，但同时也存在一个问题：每次请求都是独立的，服务器没法判断本次请求和上一次请求是否来自同一个用户，进而也没法判断用户的登录状态。单点登录指在公司内部搭建的一个公共认证中心，公司下的全部产品登录均可以在认证中心完成，一个产品在认证中心登录之后，再去访问另外一个产品，能够不用再次登录，便获取登录状态。登录是每个网站中常常用到的功能，在页面上输入自己的账号密码，敲一下回车键，即可完成登录，但是其中背后的登录原理值得深入探究，今天就来介绍几种常用的登录方式。
springboot登录验证
qq_67124455的博客
05-06 4876
springboot登录校验
基于JWT实现简单的用户登陆验证（超详细）
weixin_47025166的博客
06-20 9906
基于JWT实现简单的用户登陆验证
登录验证的那些事儿
空空说技术的博客
06-28 2562
Cookie、Session、Token、JWT 看一篇就够了 近些年来，关于身份验证的安全越来越受到重视，基本上现在开发的系统，都要做一些身份验证。在以前的项目我们一般使用session或者cookie来存储已登录的用户信息，这样到达一个免除重复登录的问题。 总而言之，后端实际上就是在做一个事情，验证你是谁？在这个验证的过程中，就涉及到一些认证，授权，凭证等过程。 字多你就挑有颜色的看啊!!!\color{#376956}{字多你就挑有颜色的看啊!!!}字多你就挑有颜色的看啊!!! 什么是认证（Auth
Web应用登录验证的几种方式
Zero摄氏度的博客
08-25 4503
1、HTTP 是无状态的，为了维持前后请求，需要前端存储标记-----cookie 2、cookie 是一种完善的标记方式，通过 HTTP 头或 js 操作，有对应的安全策略，是大多数状态管理方案的基石 3、session 是一种状态管理方案，前端通过 cookie 存储 id，后端存储数据，但后端要处理分布式问题 4、token 是另一种状态管理方案，token 的编码技术，通常基于 base64，或增加加密算法防篡改；jwt 是一种成熟的编码方案，并且JWT实现了无状态登录，相较于传统的有状态登录
JS实现：注册页面表单验证
kuaixiao0217的博客
05-07 4164
JS实现注册页面表单验证
js写的注册页面验证
Chujianlong321的博客
05-30 2856
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title></title> <script type="text/javascript"> //用户名校验方法 function checkName(){ var reg=/...
【图解】用户登录验证流程，这下彻底搞懂了！
AI研习社
06-15 2187
开发者（KaiFaX）面向全栈工程师的开发者专注于前端、Java/Python/Go/PHP的技术社区本文通过图示及代码的方式介绍用户登录流程及技术实现，内容包括用户登录，用户验证，如何获取操作用户的信息以及一些黑名单及匿名接口如何免验证相关的实现。https://juejin.cn/post/7004756545741258765业务图解对于用户登录来说、涉及到了用户注...
JavaScript 登录注册表单验证
阿博的博客
07-24 4479
JavaScript 表单验证
js实现注册页面的输入验证和数据获取
weixin_53141315的博客
03-13 980
js实现注册页面的输入验证和数据获取
登录验证码
m0_74958046的博客
11-12 1047
登录验证是一般系统都会有的功能，验证的方式也多种多样，比如输入式验证码，拖动式验证条，拖动式验证拼图等等。我们这里先实现常规的输入验证码的方式，右边显示验证码图片，点击可刷新，左边输入验证码。如下图为实现的效果。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值