Ajax判断用户名是否重复、二级联动、Ajax判断密码强度

最新推荐文章于 2022-02-17 19:53:10 发布
最新推荐文章于 2022-02-17 19:53:10 发布
阅读量1.5k 收藏
点赞数
分类专栏： 新闻发布系统 文章标签： ajax server function asp string div
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/Discussing/article/details/6526669
版权

<%@ Page Language="C#" AutoEventWireup="true" CodeFile="Register.aspx.cs" Inherits="member_Registe"
    EnableEventValidation="false" %>

<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
    <title>无标题文档</title>

    <script type="text/javascript" src="../js/jquery-1.2.1.js"></script>

    <script type="text/javascript" src="../js/calenderJS.js"></script>

    <script type="text/javascript" src="../js/checkUserName.js"></script>

    <script type="text/javascript" src="../js/checkCodeStrength.js"></script>

    <script type="text/javascript">
        $(function(){

           //二级联动

            var hiddenBranchOne = null;
            var hiddenBranchTwo = null;
            var url = "/Web/handler/GetBranchOne.aspx";
            $.getJSON(url,function(data){
                $("#ddlInfoSourceType").append($("<option>").text("-----请选择-----").attr("value","-1"));
                $("#ddlInfoSourceDetail").append($("<option>").text("-----请选择-----").attr("value","-1"));
                $(data).each(function(){
                    $("#ddlInfoSourceType").append($("<option>").text(this.name).attr("value",this.id));
                });
                $("#ddlInfoSourceType").val("-1");
                $("#ddlInfoSourceDetail").val("-1");
            });
            $("#ddlInfoSourceType").change(function(){
                var selectBranchOneValue=$(this).val();
                $("#hiddenBranchOne").val(selectBranchOneValue);
                    $("#ddlInfoSourceDetail").empty();
                    var url = "/Web/handler/GetBranchTwo.aspx";
                    $.getJSON(url,{id:$(this).attr("value")},function(data){
                        $(data).each(function(){
                            $("#ddlInfoSourceDetail").append($("<option>").text(this.name).attr("value",this.id));
                        });
                    });
            });
            
             $("#ddlInfoSourceDetail").change(function(){
                var selectBranchTwoValue=$(this).val();
                $("#hiddenBranchTwo").val(selectBranchTwoValue);
             });

 

          

      

        //Ajax判断用户名是否存在

            $("#txtUserName").keyup(function() {
                var name = $(this).val();
                var url = "/Web/handler/checkUserName.ashx?name="+encodeURI(encodeURI(name))+"&t="+new Date().getTime();
                $.get(url, function(data) {
                    if (data == "true") {
                        $("#imgFlag").attr("src","/Web/images/false.gif");
                        $("#ibtnRegister").attr({disabled:"true",alt:"该用户名已被抢注，请更换用户名后再注册"});
                        $("#spanMsg").html("<font color='red'>该用户名已被抢注</font>");
                    }
                    else {
                        $("#imgFlag").attr("src","/Web/images/right.gif");          
                        $("#ibtnRegister").removeAttr("alt");
                        $("#ibtnRegister").removeAttr("disabled");
                        $("#spanMsg").html("<font color='red'>该用户名有效</font>");
                    }
                });
            });

 

 

 

       //判断密码强度

 

//CharMode函数
//测试某个字符是属于哪一类.
function CharMode(iN){
    if (iN>=48 && iN <=57) //数字
        return 1;
    if (iN>=65 && iN <=90) //大写字母
        return 2;
    if (iN>=97 && iN <=122) //小写
        return 4;
    else
        return 8; //特殊字符
}

//bitTotal函数
//计算出当前密码当中一共有多少种模式
function bitTotal(num){
    modes=0;
    for (i=0;i<4;i++){
        if (num & 1) modes++;
        num>>>=1;
    }
    return modes;
}

//checkStrong函数
//返回密码的强度级别
function checkStrong(sPW){
    if (sPW.length<=4)
        return 0; //密码太短
    Modes=0;
    for (i=0;i<sPW.length;i++){
//测试每一个字符的类别并统计一共有多少种模式.
    Modes|=CharMode(sPW.charCodeAt(i));
    }
    return bitTotal(Modes);
}

//pwStrength函数
//当用户放开键盘或密码输入框失去焦点时,根据不同的级别显示不同的颜色
function pwStrength(pwd){
    O_color="#eeeeee";
    L_color="#FF0000";
    M_color="#FF9900";
    H_color="#33CC00";
    if (pwd==null||pwd==''){
        Lcolor=Mcolor=Hcolor=O_color;
    }
    else{
        S_level=checkStrong(pwd);
        switch(S_level) {
            case 0:
                Lcolor=Mcolor=Hcolor=O_color;
            case 1:
                Lcolor=L_color;
                Mcolor=Hcolor=O_color;
                break;
            case 2:
                Lcolor=Mcolor=M_color;
                Hcolor=O_color;
                break;
            default:
                Lcolor=Mcolor=Hcolor=H_color;
        }
    }
    document.getElementById("strength_L").style.background=Lcolor;
    document.getElementById("strength_M").style.background=Mcolor;
    document.getElementById("strength_H").style.background=Hcolor;
    return;
}
        });
    </script>

</head>
<body>
    <form id="member_Register" runat="server">
        <table border="0" align="center" cellpadding="0" cellspacing="0" style="width: 708px;
            height: 453px;">
            <tr>
                <td height="44" style="width: 359px">
                    <div align="center">
                        <img src="../images/reg_new_title01.jpg" width="153" height="30" /></div>
                </td>
                <td>
                </td>
                <td style="width: 186px">
                    &nbsp;</td>
                <td style="width: 384px">
                    &nbsp;</td>
            </tr>
            <tr>
                <td style="width: 359px">
                    <div align="right" style="text-align: right">
                        用户名：<br />
                    </div>
                </td>
                <td>
                    <asp:RequiredFieldValidator ID="RequiredFieldValidator2" runat="server" ControlToValidate="txtUserName"
                        Text="*"></asp:RequiredFieldValidator></td>
                <td style="width: 186px">
                    <input type="text" name="textfield" id="txtUserName" runat="server" />
                </td>
                <td style="width: 384px">
                    &nbsp;<span id="spanImgFlag"><img src="" id="imgFlag" /></span><span id="spanMsg"></span></td>
            </tr>
            <tr>
                <td style="width: 359px">
                    <div align="right" runat="server" style="text-align: right" id="Div1">
                        登陆密码：</div>
                </td>
                <td>
                    <asp:RequiredFieldValidator ID="RequiredFieldValidator1" runat="server" ControlToValidate="txtPwd"
                        ErrorMessage="RequiredFieldValidator">*</asp:RequiredFieldValidator></td>
                <td style="width: 186px; text-align: left;">
                    <input id="txtPwd" type="password" runat="server" οnkeyup="pwStrength(this.value)"
                        οnblur="pwStrength(this.value)" style="width: 148px" /></td>
                <td style="width: 384px">
                    密码强度<table width="217" border="1" cellspacing="0" cellpadding="1" bordercolor="#cccccc"
                        height="23" style="display: inline; position: static; vertical-align: middle;">
                        <tr align="center" bgcolor="#eeeeee">
                            <td width="33%" id="strength_L">
                                弱</td>
                            <td width="33%" id="strength_M">
                                中</td>
                            <td width="33%" id="strength_H">
                                强</td>
                        </tr>
                    </table>
                </td>
            </tr>
            <tr>
                <td style="text-align: right; width: 359px;" runat="server" id="Td2">
                    再次输入密码：</td>
                <td>
                    <asp:RequiredFieldValidator ID="RequiredFieldValidator3" runat="server" ControlToValidate="txtPwd"
                        ErrorMessage="RequiredFieldValidator">*</asp:RequiredFieldValidator></td>
                <td style="width: 186px">
                    <input id="txtPwdAgain" type="password" runat="server" /><br />
                    <asp:CompareValidator ID="valcPwdAgain" runat="server" ControlToValidate="txtPwdAgain"
                        ControlToCompare="txtPwd">两次输入的密码不一致</asp:CompareValidator></td>
                <td style="width: 384px">
                    &nbsp;</td>
            </tr>
            <tr>
                <td style="text-align: right; width: 359px; height: 42px;" runat="server" id="Td1">
                    出生日期：</td>
                <td style="height: 42px">
                    <asp:RequiredFieldValidator ID="RequiredFieldValidator4" runat="server" ControlToValidate="txtPwd"
                        ErrorMessage="RequiredFieldValidator">*</asp:RequiredFieldValidator></td>
                <td style="width: 186px; height: 42px;">
                    <input type="text" name="textfield4" οnclick="HS_setDate(this)" readonly="readonly"
                        id="txtBirth" runat="server" /></td>
                <td style="width: 384px; height: 42px;">
                </td>
            </tr>
            <tr>
                <td style="width: 359px">
                    <div align="right" style="text-align: right">
                        性别：</div>
                </td>
                <td>
                </td>
                <td style="width: 186px">
                    &nbsp;<input id="radMale" type="radio" runat="server" name="sex" checked />男 &nbsp;<input
                        id="radFemale" type="radio" runat="server" name="sex" />女</td>
                <td style="width: 384px">
                    &nbsp;</td>
            </tr>
            <tr>
                <td style="width: 359px">
                    <div align="right" style="text-align: right">
                        信息来源：</div>
                </td>
                <td style="text-align: left">
                    <asp:RequiredFieldValidator ID="RequiredFieldValidator5" runat="server" ControlToValidate="txtPwd"
                        ErrorMessage="RequiredFieldValidator">*</asp:RequiredFieldValidator></td>
                <td style="width: 186px; text-align: left;">
                    <asp:DropDownList ID="ddlInfoSourceType" runat="server" Width="102px">
                    </asp:DropDownList><asp:HiddenField ID="hiddenBranchOne" runat="server" OnValueChanged="hiddenBranchOne_ValueChanged" />
                    <asp:DropDownList ID="ddlInfoSourceDetail" Width="102px" runat="server">
                    </asp:DropDownList><asp:HiddenField ID="hiddenBranchTwo" runat="server" />
                </td>
                <td style="width: 384px">
                    &nbsp;</td>
            </tr>
            <tr>
                <td style="width: 359px">
                    <div align="right">
                    </div>
                </td>
                <td>
                </td>
                <td style="width: 186px">
                    &nbsp;</td>
                <td style="width: 384px">
                    &nbsp;</td>
            </tr>
            <tr>
                <td style="width: 359px; height: 49px;">
                    <div align="right">
                    </div>
                </td>
                <td style="height: 49px">
                </td>
                <td style="width: 186px; height: 49px;">
                    &nbsp;<asp:ImageButton ID="ibtnRegister" runat="server" ImageUrl="~/images/btn_register.gif"
                        OnClick="ibtnRegister_Click" /></td>
                <td style="width: 384px; height: 49px;">
                    &nbsp;</td>
            </tr>
        </table>
        <br />
    </form>
</body>
</html>

 

 

 

 

 

 

会员注册按钮   CS代码

    /// <summary>
    /// 会员注册
    /// </summary>
    /// <param name="sender"></param>
    /// <param name="e"></param>
    protected void ibtnRegister_Click(object sender, ImageClickEventArgs e)
    {
        string userName = txtUserName.Value.Trim();
        string pwd = txtPwd.Value.Trim();
        string pwdAgain = txtPwdAgain.Value.Trim();
        DateTime birth = DateTime.Parse(txtBirth.Value.ToString());
        string gender = radMale.Checked ? "1" : "2";
        string infoSource_type = hiddenBranchOne.Value;
        string infoSource_detail = hiddenBranchTwo.Value;
        if (infoSource_type != "-1" || infoSource_detail != "-1")
        {
            Member member = new Member(userName, pwd, gender, birth, infoSource_type, infoSource_detail);
            if (mm.MemberRegister(member))
            {
                Session["member"] = member.UserName;
                txtBirth.Value = "";
                txtUserName.Value = "";
                Response.Redirect("RegisterSuccess.aspx");
            }
            else
            {
                Page.ClientScript.RegisterStartupScript(Page.GetType(), null, "<script type='text/javascript' defer>alert('注册失败，请重试或联系管理员！');</script>");
                return;
            }
        }
        else
            Page.ClientScript.RegisterStartupScript(Page.GetType(), null, "<script type='text/javascript' defer>alert('请选择信息来源种类及详细！');</script>");
    }

Discussing
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
AJAX 判断密码强度
01-14
AJAX 判断密码强度 下载下来即可使用
用ajax实现检测注册用户名是否重复的完整例子
java_bai的博客
03-12 687
ValidateName.java代码如下所示，并且采用userIsExist查找数据库看是否存在相同的用户名。 [code="java"]package com.wuliu.test; import java.io.IOException; import java.io.PrintWriter; import javax.servlet.ServletException; impor...
ajax判断用户名是否重复
weixin_61644572的博客
02-17 771
ajax局部刷新注册名称是否重复
ajax检测用户名是否重复
11-18
使用ajax检测用户名是否存在重复！会员注册时候测试会员名字是不是重复！~
Ajax实现判断用户名是否重复
热门推荐
qq_37024565的博客
06-17 1万+
                                                       Ajax实现判断用户名是否重复        今天刚看完Ajax的一些简单的介绍，本着好好学习，day day up的信念，于是乎自己就写了这么一个简单的判断用户名是否存在的的小demo。好了，废话就不多说了，直接上代码吧，Let's go!    首先，我们需要写了我们的Jsp页面&lt...
使用Ajax和Jquery配合数据库实现下拉框的二级联动的示例
10-18
在本文中，我们将探讨如何使用Ajax和jQuery配合数据库来实现下拉框的二级联动效果，这对于构建交互式、响应式的Web应用非常重要。二级联动通常指的是一个下拉框的选择会影响另一个下拉框的内容，例如在选择省份后，...
ajax的登录后的二级联查
03-01
本话题主要关注"ajax的登录后的二级联查"，这是一个常见的功能需求，特别是在Web应用程序中，如用户登录后需要进行一些联动查询操作，例如地区选择、部门与员工的级联下拉框等。 首先，我们需要理解Ajax的工作原理...
asp+ajax二级联动菜单.rar
11-27
标题中的"asp+ajax二级联动菜单.rar"表明这是一个关于使用ASP（Active Server Pages）和AJAX（Asynchronous JavaScript and XML）技术实现的二级联动菜单的项目。在网页设计中，二级联动菜单通常用于导航，当用户...
纯JSP+DWR实现三级联动下拉选择菜单 实现无刷新联动 DWR判断用户是否存在 ajax二级联动菜单 DWR操作数据库模拟实现Google搜索效果
02-15
本示例主要展示了如何使用纯JSP和Direct Web Remoting (DWR)技术来构建一个功能丰富的用户界面，其中包括三级联动下拉选择菜单、无刷新联动、用户存在性判断以及模拟Google搜索效果的功能。DWR是一种JavaScript库，...
asp数据库二级联动
04-10
在ASP中实现数据库二级联动，通常是指在一个下拉菜单或选择框中选择一个选项后，根据该选项自动更新另一个下拉菜单或选择框的内容，这种效果在数据筛选和表单填写中非常常见。这种功能在网站的导航、筛选、查询等...
ajax验证用户名是否重复
05-18
ajax+jQuery+struts2验证用户名是否重复
PasswordStrength:即时检验密码的强度
06-19 3646
PasswordStrength扩展器控件可以用来为让用户设置密码的ASP.NET TextBox控件添加即时的密码强度检测功能，并能将检测结果以文本、指示条等多种方式即时显示给用户。示例运行效果：图(1)图(2) 图(3)图(4)PasswordStrengthDemo.aspx代码示例：...@ Page Language="C#" AutoEventWireup="true" Cod
使用Ajax简单验证用户名是否重复
confusion_ct的专栏
03-05 1718
本例子主要是用于简单验证用户名是否为空，是否重复：         用户名:                                 密码：             编写相关JS代码: xx.js //声明 function ajaxFunction(){     var xmlHttp;     if(window.XMLHttpRequ
ajax验证用户重复,使用ajax验证用户名是否重复
weixin_28958733的博客
08-05 949
ajaxTest.jspJSP Page输入用户名：光标移除检查是否重复显示结果document.getElementsByTagName("input")[0].onblur=function(){//alert("aaa");//取得用户输入的用户名var username=this.value;//alert(username)username=encodeURI(username);var...
ajax实例--检测用户名是否重复
z123yh1的博客
03-25 527
1.思路： 结果：用户在页面输入用户名的时候就能直接检测出用户名是否重复。 如何实现： 1.页面不跳转就要用ajax实现 2.用户输入就出现信息就是文本框内容发生改变时触发事件 考虑前后端分离，整体分为前端（html）负责页面展示，后端（servlet）负责接收数据，逻辑判断，返回数据 html页面： servlet 枚举类 易错点： 1.css,jquery都用相对路径引入 2.实体类，枚举类不是新的属性，就是实体属性 3.汤姆猫容易卡，记得restart ...
关于AJAX实现验证用户名是否重复
Owen_Gao
06-27 829
index.php 以下代码：是传送方式是get，数据类型为文本responseText ajax function $(id){ return document.getElementById(id); } function checkName(){ var http_request=createAjax(); http_request.onreadystate
AJAX异步判断注册用户名是否重复
菜鸟逆袭之路
08-15 5486
AJAX异步判断注册用户名是否重复
Ajax判断注册用户名重复
qq_24665727的博客
03-12 1445
使用Ajax判断注册用户名重复： 1.AJAX简介   AJAX是实现web2.0服务中的核心技术，全称为“异步JavaScript和XML技术”(Asynchronous JavaScript and XML)；Ajax的核心技术理念在于使用XMLHttpRequest对象发送异步请求。最初为XMLHttpRequest对象提供浏览器支持的是微软公司。AJAX技术的出现，可以说是挽救了传统...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值