验证用户名是否存在

最新推荐文章于 2022-11-01 20:21:11 发布
最新推荐文章于 2022-11-01 20:21:11 发布
阅读量5.4k 收藏 5
点赞数 2
分类专栏： ┈┈【jquery】 ┈┈【JavaScript】
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/xllily_11/article/details/46875777
版权 
在注册的时候,常会进行用户名验证,如果输入的用户名已经存在,立刻给出提示而不是等信息填写完后进行验证,如果输入信息很多的话,不仅信息会丢失,并且会进行一次回传,很恼火,那么注册的时候使用Ajax验证一下,就可以避免这些问题了,下面给出最简单的使用示例,判断用户名是否存在:

 第一种:最原始的JS验证

 HMTL代码:

<html xmlns="http://www.w3.org/1999/xhtml" >
<head id="Head1" runat="server">
    <title></title>
    <script language="javascript" type="text/javascript" src="CheckUserName.js"></script>
    <script language="javascript">
    </script>
</head>
<body>
    <form id="form1" runat="server">
    <table cellpadding="0" cellspacing="0" width="100%">
        <tr>
          <td>Ajax Example:</td>
        </tr>
        <tr>
            <td>
                <table cellpadding="0" cellspacing="0" width="100%">
                  <tr>
                    <td>Example 1:Check UserName IsExists</td>
                  </tr>
                  <tr>
                    <td>
                        <asp:Label ID="lblUserName" runat="server" Text="用户名："></asp:Label>
                        <input id="txtUserName" type="text" οnblur="onBlur()"/>
                    </td>
                  </tr>
                </table>
            </td>
        </tr>
    </table>
    </form>
</body>
</html>

 

//CheckUserName.js

var ajax = function(option)
{
    var request;
    var createRequest = function()
    {
        var request;
        if (window.XMLHttpRequest)
        {
            request = new XMLHttpRequest();
        }
        else
        {
            try
            {
                request = new ActiveXObject("Microsoft.XMLHTTP");
            }
            catch (e)
            {
                request = new ActiveXObject("Msxml2.XMLHTTP");
            }
        }
        return request;
    }

    var sendRequest = function()
    {
        request = createRequest();
//        request.open("post", option.url, true);
//        request.setRequestHeader("Content-Type", "application/x-www-form-urlencoded");
//        request.onreadystatechange = ResponseRequest;
//        request.send(option.param);
        request.open("get", option.url+"?t=0", true);
        request.onreadystatechange = ResponseRequest;
        request.send(null);    
    }

    var ResponseRequest = function()
    {
        if (request.readyState == 4)
        {
            if (request.status == 200)
            {
                option.Success(request);
            }
            else
            {
                option.Failure(request); 
            }
        }
    }
    sendRequest();
}

var onBlur = function()
{
    var option = { url: "Test.aspx", param: "t=1", Success:function(request){alert(request.responseText);}, Faitrue: function(request) { alert(false) } };
    new ajax(option);
}

 

//Test.aspx

protected void Page_Load(object sender, EventArgs e)
 {
            if (Request["t"] != null)
            {
                this.Response.Clear();
                string t = Request["t"].ToString();
                if (t == "1")
                {
                    Response.Write("用户名已存在，请填写其他的用户名!");
                }
                else if (t == "0")
                {
                    Response.Write("该用户名没被注册，可以使用!");
                }
                this.Response.End();
            }
 }

 

 第二种方式:利用JQuery框架ajax验证

 HMTL代码:

<html xmlns="http://www.w3.org/1999/xhtml" >
<head runat="server">
    <title></title>
    <script src="jquery-1.2.6.min.js" type="text/javascript"></script>
    <script>
        $(document).ready(function() {
        $("#Button1").click(function() {
                $.ajax({
                    type: "get",
                    url: "ResponsePage.aspx?t=0",
                    dataType: 'html',
                    success: function(data) {
                        alert("post " + data);
                    },
                    error: function() { alert('error!'); }
                });
            });
        });

    </script>
</head>
<body>
    <form id="form1" runat="server">
    <div>
        <input id="Button1" type="button" value="显示" />
    </div>
    </form>
</body>
</html>

//ResponsePage.apsx

protected void Page_Load(object sender, EventArgs e)
{
            this.Response.Clear();
            string t = Request["t"].ToString();
            if (t == "1")
            {
                Response.Write("用户名已存在，请填写其他的用户名!");
            }
            else if (t == "0")
            {
                Response.Write("该用户名没被注册，可以使用!");
            }
            this.Response.End();
}

 

小北哥哥和北妈
关注
  • 2
    点赞
  • 踩
  • 5
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
Java 写一个登录注册，要求登录帐号唯一，在注册时验证输入的帐号是否可用，若已存在，则不可用，若不存在则可用 登录时，使用帐号密码进行验证...
weixin_30938149的博客
07-27 1542
|--需求说明 写一个登录注册，要求登录帐号唯一，在注册时验证输入的帐号是否可用，若已存在，则不可用，若不存在则可用 登录时，使用帐号密码进行验证 |--实现思路 1、创建User类，用于初始化信息 2、采用hashMap，用于储存帐号和帐号对应的信息 |--代码内容 1 package kehou; 2 3 /** 4 * @...
添加用户对象并判断是否存在
最新发布
2301_80177792的博客
01-21 333
2，要求:定义一个方法，根据id查找对应的用户信息。如果存在，返回true。用户属性为:id，username，password。1，main方法中定义一个集合，存入三个用户对象。添加用户对象并判断是否存在。如果不存在，返回false。再创建UserTest类。
shell 要求用户输入一个用户名，查询系统中是否存在该用户，若有打印用户存在，若不存在添加该用户
不文东的博客
07-25 1万+
#!/bin/bash #定义函数 Find_u(){ #判断输入值是否为空，如果为空，则函数结束，返回值1 [ -z $1 ] && return 1 #判断用户是否存在，存在则显示要求，不存在，函数结束，返回值1 if id $1 &> /dev/null ;then echo "$1 UID is `id -u $1`" echo "$1 Shel
保存时校验用户名的有效唯一性
qq_35030421的博客
02-27 1653
本文是说在新增修改用户时，保存前的校验，校验有效的用户名的唯一性：   1.在新增用户的时候，输入用户名之后，给input框加一个onblur事件，然后验证用户名唯一性，在后台方法中，先查询一下数据库中是否存在输入的用户名，如果存在并且为有效的，则提示“登录名称已存在，请重新输入”，若存在但为无效的或者不存在的时候提示“登录名称可以使用”，然后保存即可。代码如下： Js代码： funct...
写一个脚本，判断当前输入的用户是否存在。如果存在则提示“用户存在”否则提示“用户不存在”。
weixin_43730921的博客
11-01 1415
写一个脚本，判断当前输入的用户是否存在。如果存在则提示“用户存在”否则提示“用户不存在”。
python学习测试题4
qq_37648548的博客
03-03 634
1.append() 方法和 extend() 方法都是向列表的末尾增加元素，请问他们有什么区别？ 比如：member.append(['竹林小溪', 'Crazy迷恋']) 和 member.extend(['竹林小溪', 'Crazy迷恋']) 实现的效果一样吗？ 2.假设给定以下列表： member = ['小甲鱼', '黑夜', '迷途', '怡静', '秋舞斜阳'] 要求将列表修改为： member = ['小甲鱼', 88, '黑夜', 90, '迷途', 85, '怡静', 90, '
vue+elementui 注册验证用户名是否存在
kurcp的博客
11-22 3533
注册验证用户名是否存在
Validate验证用户是否存在
HUQWSYK的博客
11-29 258
Validate验证用户是否存在 HTML代码 <form id="forminfo" action="" method="post"> <div> <label for="username">用户名：</label> <input type="text" placeholder="输入用户名" id="userna...
jsp+ajax+js验证用户名是否存在
esljf的专栏
08-30 893
在注册或者录入信息时，需要检查用户名是否存在，不需要dian
注册页面之前先验证用户名是否存在的php代码
10-28
注册页面之前先验证用户名是否存在的php代码，需要的朋友可以参考下
基于jQuery实现的Ajax 验证用户名是否存在的实现代码
12-08
input type=”button” value=”查看用户名是否存在” id=”btn” onclick=”JudgeUserName();” /> ”showResult” xss=removed>div> div> JS代码 代码如下: [removed][removed] <script type=”text
ajax异步验证用户名是否存在
08-07
ajax异步验证用户名是否存在，非常小巧的实例，需要安装oracle数据，建立一个用户表，实例中有用户表的实体，可以仿照写一个数据库。
Ajax验证用户名是否存在的实例代码
10-17
主要介绍了Ajax验证用户名是否存在的实例代码，代码简单易懂，非常不错，具有一定的参考借鉴价值,需要的朋友可以参考下
ajax验证用户名是否存在 与 rapid validate 的使用
03-16
NULL 博文链接：https://notadoor.iteye.com/blog/342392
Gulp和webpack的区别，是一种工具吗？
热门推荐
小北哥哥和北妈
06-29 7万+
背景：最近收到很多童鞋的问题：gulp和webpack 什么关系，是一种东西吗？可以只用gulp，不用webpack吗 或者反过来？ 基于此问：我简单归结了一下区别和概念，让需要的同学阅读理解，从而不把时间浪费到这种模糊不清的选择问题上！ ----------------------------------------------------------------------------...
“全栈”工程师 请不要随意去做
小北哥哥和北妈
03-28 5万+
今天我来给大家说说 “全栈工程师” 的事儿。 写这篇文的背景原因：很简单就是最近越来越多的人想做【全栈工程师】，他们的目标就是全栈，他们才入行短短1-2年，甚至刚从培训班出来：我的目标是做全栈，我啥都要学会，啥都会写，这样我就是大牛了，可以挣大钱，就算创业，我也不用招那么多人，一个人搞定一个产品，融资上市 ，CEO白富美，balabala。。。我给他的回复是： 去你xx的
JQuery Ajax使用FormData对象上传文件 图片
小北哥哥和北妈
08-26 4万+
通过jQuery Ajax使用FormData对象上传文件FormData对象，是可以使用一系列的键值对来模拟一个完整的表单，然后使用XMLHttpRequest发送这个"表单"。在 Mozilla Developer 网站 使用FormData对象 有详尽的FormData对象使用说明。但上传文件部分只有底层的XMLHttpRequest对象发送上传请求，那么怎么通过jQuery的Ajax上传呢
VueJs 自定义过滤器使用总结
小北哥哥和北妈
09-27 3万+
在这个教程中，我们将会通过几个例子，了解和学习VueJs的过滤器。我们参考了一些比较完善的过滤器，比如orderBy 和 filterBy。而且我们可以链式调用过滤器，一个接一个过滤。因此，我们可以定义我们自己的过滤器在我们的Vue实例中。阅读这个教程的前提是你对Vue已经有了基本的语法基础。VueJs中的过滤器基础过滤器是一个通过输入数据，能够及时对数据进行处理并返回一个数据结果的简单函数。Vu
编写一个用户注册和登录的程序（两个菜单选项，比如输入1进行注册，输入2进行登录，具体界面形式自行设计），首先用户输入用户名和密码进行注册，注册时判断用户名是否已存在，若已存在提示用户名已存在；判断用户名是否符合规范（由字母开头，由字母数字下划线组成，长度5-20），否则提示用户名不符合规范；判断密码是否符合规范（必须包含大写字母小写字母和数字，长度8-16），否则提示密码不符合规范；将用户名跟输入的密码所对应的MD5值一起储存在文件user.txt中（如果想用其他类型文件也可以），并提示注册成功。（这里要求运行代码时，必须注册一次自己的用户名为姓名加学号，例如aixinyi101，运行结果截图中要显示） 登录时输入用户名和密码，判断用户名是否存在user.txt中，否则提示用户名不存在。判断输入的密码跟存在文件中的密码是否一致，不一致则提示密码错误。全部正确则提示登录成功。
05-18
这是一个基于Python的用户注册和登录程序，使用了Python自带的hashlib库来实现MD5加密。 ```python import hashlib def register(): username = input("请输入用户名：") password = input("请输入密码：") # 判断用户名是否已存在 with open("user.txt", "r") as f: for line in f: if username == line.split()[0]: print("用户名已存在！") return # 判断用户名是否符合规范 if not username.isalnum() or not username[0].isalpha() or not 5 <= len(username) <= 20: print("用户名不符合规范！") return # 判断密码是否符合规范 if not any(ch.isupper() for ch in password) or \ not any(ch.islower() for ch in password) or \ not any(ch.isdigit() for ch in password) or \ not 8 <= len(password) <= 16: print("密码不符合规范！") return # 将用户名和密码（加密后的MD5值）写入文件 with open("user.txt", "a") as f: md5 = hashlib.md5() md5.update(password.encode()) f.write(f"{username} {md5.hexdigest()}\n") print("注册成功！") def login(): username = input("请输入用户名：") password = input("请输入密码：") # 判断用户名是否存在 with open("user.txt", "r") as f: for line in f: if username == line.split()[0]: md5 = hashlib.md5() md5.update(password.encode()) if md5.hexdigest() == line.split()[1]: print("登录成功！") return else: print("密码错误！") return print("用户名不存在！") while True: print("1. 注册\n2. 登录\n3. 退出") choice = input("请选择：") if choice == "1": register() elif choice == "2": login() elif choice == "3": break else: print("输入错误，请重新输入！") ``` 运行程序后，按照提示进行操作即可。如下图所示，先选择注册，然后输入姓名加学号作为用户名和密码，程序会将密码进行MD5加密并写入文件中。再选择登录，输入刚才注册的用户名和密码，程序会验证用户名和密码是否正确，如果正确就提示登录成功。 ![用户注册和登录程序运行结果截图](https://cdn.luogu.com.cn/upload/image_hosting/m6pckv9o.png)

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值