基于Ajax的用户名验证

最新推荐文章于 2025-12-20 10:22:34 发布
原创 最新推荐文章于 2025-12-20 10:22:34 发布 · 591 阅读 · 0 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
文章标签：

#ajax #callback #server #dll #html #测试

本文介绍了一个使用AjaxPro实现的用户名实时验证系统。该系统能够在用户输入过程中即时反馈用户名是否存在及是否符合规定格式，通过正则表达式校验用户名的有效性，并在服务器端检查用户名是否已被占用。
<%@ Page Language="C#" AutoEventWireup="true"  CodeFile="Default.aspx.cs" Inherits="AjaxProVerify._Default" %>

<!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" >
<head runat="server">
    <title>无标题页</title>
    <script language="jscript" type="text/jscript">
        function VerifyUsername(name)
        {
            AjaxProVerify._Default.GetReturnCode(name, IsUsernameExist_callback);
        }
        function IsUsernameExist_callback(res)
        {
            var msg = document.getElementById('lblMessage');
            var bRet = res.value;
            if (bRet == "0")
            {
                msg.innerHTML = '用户名存在！';
                msg.style.color = 'red';
            }
            else if (bRet == "1")
            {
                msg.innerHTML = '用户名长度必须在3到15之间，且不包含字母、数字和下划线以外的字符！';
                msg.style.color = 'red';
            }
            else
            {
                msg.innerHTML = '用户名不存在！';
                msg.style.color = 'green';
            }            
        }
        </script>
</head>
<body>
    <form id="form1" runat="server">
    <div>
    
            <asp:Label id="Label1" runat="server">用户名：</asp:Label>
            <asp:TextBox id="tbUsername" runat="server" onkeyup="VerifyUsername(this.value)"></asp:TextBox>
            <br/>
            <asp:Label id="lblMessage" runat="server"></asp:Label>
    </div>
    </form>
</body>
</html>

这个程序采用的AjaxPro的1.1版，所以需要在HTML页的第一行的inherites里加上命名空间。

以下是这个页面的CS的代码。

 

using System;
using System.Data;
using System.Configuration;
using System.Web;
using System.Web.Security;
using System.Web.UI;
using System.Web.UI.WebControls;
using System.Web.UI.WebControls.WebParts;
using System.Web.UI.HtmlControls;
using System.Text.RegularExpressions;

namespace AjaxProVerify
{
    public partial class _Default : System.Web.UI.Page
    {
        protected void Page_Load(object sender, EventArgs e)
        {
            AjaxPro.Utility.RegisterTypeForAjax(typeof(_Default));
        }

        [AjaxPro.AjaxMethod]
        public string GetReturnCode(string strUsername)
        {
            if (!IsValidUsername(strUsername))
            {
                return "1";
            }
            else if (!IsUsernameExist(strUsername))
            {
                return "2";
            }
            else
            {
                return "0";
            }
        }
        private bool IsUsernameExist(string strUsername)
        {
            bool bRet = false;

            switch (strUsername.ToLower())
            {
                case "test":
                case "123":
                case "1234":
                    bRet = true;
                    break;
            }

            return bRet;
        }

        private bool IsValidUsername(string strUsername)
        {
            return (Regex.IsMatch(strUsername, @"^(w{3,15})$"));
        }
    }
}

这些程序都是亲手测试的，只要粘贴就可使用。不过不要忘了web.config的设置，以及添加DLL的引用

基于Ajax用户名验证、服务条款加载、验证码生成的实现方法
09-05
Ajax，即Asynchronous JavaScript and XML，是一种用于创建快速动态网页的...用户名验证、服务条款加载和验证码生成都是Ajax技术在实际应用中的典型例子，它们共同展示了Ajax在提升Web应用性能和交互性方面的强大能力。
Ajax 用户名验证是否存在
10-30
在讨论关于Ajax用户名验证的知识点之前，我们首先要明确几个关键概念。Ajax代表Asynchronous JavaScript and XML，是一种可以在无需重新加载整个页面的情况下，对部分网页进行更新的技术。它结合了多种技术，包括...
ajax 用户验证js,js ajax验证用户名
weixin_31232695的博客
08-05 354
回答jQuery的ajax 验证用户名的例子/验证用户名 js 方法 uname:输入的用户名 function ajax_check_uname(uname){ var url='/check/uname.php';这里是你的php post(url,{uname:uname},function(data){ if('success'=data)...小旋风柴进2019-12-02 02:17:...
在学习mybaitis中遇到的错误method not found：isXXXXX
MISIM的博客
05-08 1618
@在学习mybaitis中遇到的错误method not found：isXXXXX 在学习mybaitis中遇到的错误method not found：isXXXXX 这个错误我找了好久 终于发现是i在我创建User表的时候声明的变量和数据库的对应不上才会这样的，里面的address写成了adress吧"d"加上即可 ...
Spring Boot + Spring Security Oauth2 捕获UsernameNotFoundException 并处理
Return_Code的专栏
05-21 1785
在网上找了不少关于UsernameNotFoundException捕获的帖子，捕获成功后每次用户名错误会在控制台打印大段的异常信息，用统一异常处理也无法处理。 配置捕获UsernameNotFoundException，在 WebSecurityConfigurer 配置provider.setHideUserNotFoundExceptions(false) @Bean public DaoAuthenticationProvider authenticationProvid..
android method,Android 自定义插件-- 彻底解决method not found 问题
weixin_42456372的博客
05-27 1486
method not found 问题的困扰现在稍微有一些规模的app的基础结构 可能都是这样的：项目多了以后 这些业务仓 可能会多大几十个，甚至上百个，大部分情况下 这些业务仓都是以aar的形式集成到最终的app包中， 且这几十个业务仓 都分别属于不同的团队开发， 然后就渐渐演变成下图的样子：大家都知道 android在打包的时候 如果一个aar 有不同的版本存在，那么默认总是引用版本号最高的版...
ajax验证用户名是否,基于jQuery实现Ajax验证用户名是否存在实例
weixin_42398056的博客
08-05 578
本文章向大家分享基于jQuery实现的Ajax 验证用户名是否存在的实现代码，需要的码农朋友可以参考一下本文的源代码。jQuery.ajax概述HTTP 请求加载远程数据。通过jQuery 底层 AJAX 实现。简单易用的高层实现见 $.get, $.post 等。$.ajax() 返回其创建的 XMLHttpRequest 对象。大多数情况下你无需直接操作该对象，但特殊情况下可用于手动终止请求。...
ajax jQuery验证用户名,jQuery实现Ajax验证用户名是否可用
weixin_30146171的博客
08-06 548
本文主要和大家详细介绍了基于jQuery实现Ajax验证用户名是否可用实例，具有一定的参考价值，希望能帮助到大家。HTMLInsert title here//页面加载完成后$(function() {//添加失焦事件$("#username").blur(function() {//获取录入的用户名var usernamevalue = $("#username").val();//向服务器发送...
基于jQuery实现Ajax验证用户名是否可用实例
10-18
**基于jQuery实现Ajax验证用户名是否可用的实例详解** 在网页应用开发中，实时验证用户输入的数据，如用户名是否已存在，是一种常见的需求。Ajax技术能够实现异步数据交互，使得无需刷新页面就能获取服务器端的反馈...
基于jQuery实现的Ajax 验证用户名是否存在的实现代码
12-08
总结起来，这个实例展示了如何利用jQuery的Ajax功能，结合简单的服务器端代码，实现用户名存在的实时验证，提升了用户体验。通过这个例子，我们可以学习到Ajax的使用方法，包括设置请求类型、URL、数据、数据类型，...
基于Ajax的用户名验证实现方法
“ajax实现用户名验证”是一个典型的Web开发实践案例，广泛应用于用户注册系统的前端实时校验功能中。该知识点融合了前端技术（HTML、CSS、JavaScript）、异步通信机制（Ajax）、后端服务器处理逻辑以及数据库交互...
java.beans.IntrospectionException: Method not found: isSerialVersionUID
渣渣的成长之路
05-23 5809
求这个错误的解决办法： java.beans.IntrospectionException: Method not found: isSerialVersionUID at java.beans.PropertyDescriptor.<init>(PropertyDescriptor.java:107) at java.beans.PropertyDescriptor.<init>(PropertyDescriptor.java:71) at com.sin...
.net报“System.MissingMethodException: Method not found(找不到方法)”错误的解决方法
热门推荐
Where there is a will there is a way
11-01 1万+
看文版本提示：System.MissingMethodException: 找不到方法:... 英文版本提示：System.MissingMethodException: Method not found:...导致此异常的原因是引用程集版本冲突，通常可能是因为同一个项目（DLL）被多个项目（DLL）引用，导致新加的方法找不到，但是不会抛编译期异常，而是抛运行期异常。解决方法：修改引用的项目的AssemblyInfo.cs下的版本号，重新编译、发布。
java.beans.introspectionexception：method not found
qq_41604622的博客
11-20 6232
今天调接口时出现了一个这样的问题，我一直以为是前端哪里有问题呢，毕竟前端技术不是很好。 然后我发现是model层中的方法不对，问题就是getUser, getuser 这样的大小写，很低级的一个错误。 平时都是生成的，然后添加字段时，自己写上去的，希望没有下次。 ...
技术演进中的开发沉思-260 Ajax：核心动画
你的天空阅读专栏
12-20 720
YUI动画类通过封装底层逻辑、提供场景化子类设计，简化了前端动画开发流程。Anim基类统一管理定时器控制、属性插值和生命周期，Motion、Scroll、ColorAnim子类分别优化移动、滚动和颜色渐变场景。采用配置化接口替代硬编码计算，支持跨浏览器兼容和多种缓动效果，其"基类抽象共性+子类封装个性"的设计思想为现代CSS3动画和框架动画库奠定基础，体现了"以用户体验为核心"的前端开发理念。
JavaWeb企业级开发---Ajax、maven
jianglin_78的博客
12-18 489
本文主要内容包括：1）Axios实现GET/POST请求的基本写法及优化版本；2）结合Vue和Axios实现数据动态加载展示的案例；3）简要提及前端工程化环境和Vue项目相关概念；4）maven介绍
技术演进中的开发沉思-261 Ajax：动画优化
最新发布
你的天空阅读专栏
12-20 1000
YUI动画优化方案通过缓动函数和贝塞尔曲线解决了原生动画的两个核心痛点：机械的匀速运动和单一的直线路径。缓动函数模拟真实物理规律，提供加速、减速、回弹等效果；贝塞尔曲线实现抛物线、弧形等自然路径。这种设计既提升了动画的视觉自然度，又降低了开发复杂度。其核心思想"让动画符合视觉直觉"被CSS3和现代动画库继承发展，成为前端动画优化的标准范式。YUI方案启示我们：优秀的动画不是炫技，而是通过自然流畅的运动提升用户体验。
技术演进中的开发沉思-259 Ajax：浏览器历史管理
你的天空阅读专栏
12-19 953
AJAX技术带来了无刷新交互体验，但也导致了浏览器历史管理的难题。YUI库的History模块通过注册状态模块、更新状态等机制，配合iframe和隐藏input实现跨浏览器状态存储，解决了后退按钮失效和书签无法保存AJAX状态的问题。该模块将状态变化与浏览器历史栈同步，使AJAX应用重新获得原生历史体验，为现代单页应用的路由管理奠定了基础。YUIHistory的核心价值在于：实现状态与历史同步、提供跨浏览器兼容方案、支持模块化状态管理。虽然如今已被HTML5 History API和现代框架路由取代，但其设
评论
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
红包 添加红包
表情包 插入表情
表情包 代码片
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值