AJAX 实现用户名是否已经被注册

最新推荐文章于 2018-11-21 23:34:48 发布
最新推荐文章于 2018-11-21 23:34:48 发布
阅读量470 收藏
点赞数
分类专栏： Ajax ASP.NET JQuery 文章标签： ajax asp jquery
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/houyanhua1/article/details/78904861
版权
ASP.NET 同时被 3 个专栏收录
89 篇文章 0 订阅
订阅专栏
JQuery
57 篇文章 0 订阅
订阅专栏
Ajax
23 篇文章 0 订阅
订阅专栏 


<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="Register.aspx.cs" Inherits="XXX.WebApp.Register" %>

<!DOCTYPE html>

<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
    <title></title>
    <script src="../Js/jquery-1.7.1.js"></script>
    <script type="text/javascript">
        $(function () {
            $("#msg").css("display","none");
            $("#txtUserName").blur(function () {
                var userName = $(this).val();
                if (userName != "") {
                    $.post("CheckUserName.ashx", { "name":  userName }, function (data) {
                        $("#msg").css("display", "block");
                        $("#msg").text(data);
                    });
                } else {
                    alert("用户名不能为空!!");
                }
            });
        });
    </script>
</head>
<body>
    <form id="form1" runat="server">
    <div>
    用户名:<input type="text" name="txtName" id="txtUserName" /><span id="msg" style="font-size:14px;color:red"></span><br />
    密码:<input type="password" name="txtPWD" /><br />
        <input type="submit" value="注册" />
    </div>
    </form>
</body>
</html>


houyanhua1
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
ssm+ajax 验证用户名是否已存在
11-23
ssm + ajax 的结合应用，简单易懂
Ajax验证用户名或昵称是否已被注册
08-30
在开发Web应用时，用户注册通常需要验证用户名或昵称是否已经被其他用户占用。这个过程可以通过Ajax技术实现，使得用户在输入用户名或昵称后无需刷新页面就能立即得到验证反馈。Ajax，即Asynchronous JavaScript and...
AJAX验证用户名是否被注册
weixin_33937913的博客
04-27 136
1. 编写页面： * register.jsp > 给出注册表单页面 > 给用户名文本框添加onblur事件的监听 > 获取文本框的内容，通过ajax4步发送给服务器，得到响应结果 * 如果为1：在文本框后显示“用户名已被注册” * 如果为0：什么都不做！ 1 <%@ page contentType="text/html;c...
jq ajax注册检查用户名
weixin_34253539的博客
03-23 108
<body> <form action="php/test.php" method="post"> 用户名：<input type="text" name="username" id="username" value="" /><span></span> 密码：<input type="password" ...
传统·ajax实现用户名是否被注册
web小菜鸡的专栏
11-18 465
 String path = request.getContextPath(); String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/"; %>       ">         My JSP 'login.
AJax+springMVC+JQURY.GET--注册界面即时刷新用户名是否存在
weixin_30767921的博客
11-02 84
AJax+springMVC+JQURY.GET--注册界面即时刷新用户名是否存在 转载于:https://www.cnblogs.com/zhujiabin/p/4930431.html
基于jQuery实现的Ajax 验证用户名是否存在的实现代码
12-08
总结起来，这个实例展示了如何利用jQuery的Ajax功能，结合简单的服务器端代码，实现用户名存在的实时验证，提升了用户体验。通过这个例子，我们可以学习到Ajax的使用方法，包括设置请求类型、URL、数据、数据类型，...
利用Ajax检测用户名是否被占用的完整实例
01-21
用户注册的时候，使用Ajax实现检测用户名是否已经被注册过，很多细节没有实现，给大家做个简单普及。 <%@ page language=java contentType=text/html; charset=utf-8 pageEncoding=utf-8%> <!DOCTYPE ...
jQuery+Ajax实现用户名重名实时检测
10-19
【jQuery+Ajax实现用户名重名实时检测】 在网页应用程序中，尤其是在用户注册的过程中，确保用户名的独特性是非常重要的。为了提高用户体验，实时检测用户名是否已被其他用户占用的功能变得越来越常见。本文将详细...
MVC3学习：利用mvc3+ajax检测用户是否被注册
weixin_30333885的博客
06-29 60
假设用户名是保存在表Users中。关系模式为Users(Uid,UserName,PassWord) 可先利用mvc自带的模板生成Create页面。 将填写用户名的地方，由原来的 <div class="editor-field"> @Html.EditorFor(model => model.UserName) @H...
用Ajax来判断用户名是否被注册过的功能
Mr.HanChen
11-21 493
自己在写这个功能时，遇到了主要的问题时http_request.responseText一直出错，其内容是judge_username.jsp的网页内容，在舍友的帮助下，把jsp自带的那个out换成了PrintWriter Out=response.getWriter()来向网页内输出信息。换过之后就可以了。。。debug了两个晚上，太菜。。。。。 下面我把自己代码贴出来： 为了说明问题，自己...
jquery ajax验证用户名是否存在（后台spring mvc）
weixin_30378623的博客
11-23 147
controller层 @ResponseBody @RequestMapping(value = "/user/isExist", produces = "application/json") public boolean isExist(Model model,String userName) { boolean flag = userPrivilegeSer...
AJAX练习-以GET和POST方式检查注册用户名是否存在
weixin_30399821的博客
05-05 155
以GET和POST方式检查注册用户名是否存在 一、以GET方式 1、jsp 1 <%@ page language="java" import="java.util.*" pageEncoding="utf-8"%> 2 3 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> ...
ajax实例三：用户名是否已被注册
weixin_34161029的博客
05-10 144
第三例：注册表单之校验用户是否注册！ 1. 编写页面： * ajax3.jsp > 给出注册表单页面 > 给用户名文本框添加onblur事件的监听 > 获取文本框的内容，通过ajax4步发送给服务器，得到响应结果 * 如果为1：在文本框后显示“用户名已被注册” * 如果为0：什么都不做！ 2. 编写Servlet * Validate...
记一次ajax异步检验用户名是否注册过
Super的专栏
11-10 481
//用户名唯一验证 $("#username").blur(function(){ var username = $(this).val(); $.ajax({ type: "post", url: "${ctx}/register/checkUserByUsername", data: {"username":username}, dataType: "text",
ajax实现注册页面动态验证用户名是否已注册，不必提交即可验证
Astrual的专栏
09-16 871
今天学了一下ajax，感觉很爽啊。ajax真是很强大、 我首先就把我之前一直没解决的问题：如何在前台动态验证用户名是否已注册，而不必提交刷新之后再验证，上代码： 首先，jsp页面： [java] view plaincopyprint? "java" import="java.util.*" pageEncoding="GB18030"%>  String path
ajax检测用户是否被注册,Ajax检测用户名是否被占用
最新发布
06-12
可以使用以下代码来实现Ajax检测用户是否被注册： ```javascript $(document).ready(function(){ $('#username').blur(function(){ var username = $(this).val(); $.ajax({ url: 'check_username.php', type: 'post', data: {username: username}, success: function(response){ if(response == 'taken'){ $('#username').parent().removeClass().addClass("form_error"); $('#username').siblings("span").text('Sorry... Username already taken'); } else if(response == 'not_taken'){ $('#username').parent().removeClass().addClass("form_success"); $('#username').siblings("span").text('Username available'); } } }); }); }); ``` 其中，`#username`为用户名输入框的id，`check_username.php`为处理Ajax请求的后端文件。在`check_username.php`中，可以对用户名进行检测，如果用户名已经被注册，则返回字符串"taken"，否则返回字符串"not_taken"。 以下是`check_username.php`的示例代码： ```php <?php $username = $_POST['username']; // 在数据库中检测用户名是否已经被注册 // 如果已经被注册，返回字符串"taken" // 否则返回字符串"not_taken" if ($username == 'admin') { echo 'taken'; } else { echo 'not_taken'; } ?> ``` 需要注意的是，这只是一个简单的示例代码，实际应用中需要进行更严格的用户名检测和防止SQL注入等安全措施。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值