利用AJAX前后台调用做的注册验证效果

最新推荐文章于 2024-08-08 17:09:09 发布
最新推荐文章于 2024-08-08 17:09:09 发布
阅读量674 收藏
点赞数
分类专栏： AJAX JAVA 文章标签： ajax textbox string server class function
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/dandeline/article/details/5840811
版权
AJAX 同时被 2 个专栏收录
4 篇文章 0 订阅
订阅专栏
JAVA
1 篇文章 0 订阅
订阅专栏

前台页面：
<html xmlns="http://www.w3.org/1999/xhtml" >
<head runat="server">
    <title></title>
</head>
<script language="javascript" type="text/javascript">
    function document.onkeydown() //网页内按下回车触发
    {
        if (event.keyCode == 13) {
            document.getElementById("Imgbtnregister").click();
            return false;
        }
    }
</script>
<script type="text/javascript">

      function getID(id) {
          return document.getElementById(id);
      }
 
      function intName() {
          getID("spName").innerHTML = TextVerify.getName(getID("txtname").value).value;
      }

      function intPsw() {
          getID("spwd").innerHTML = TextVerify.getpwd(getID("txtpwd").value).value;
      }
      function intPswCM() {
          getID("spwdcm").innerHTML = TextVerify.getpwdCM(getID("txtpwd").value, getID("txtConfirmPsw").value).value;
      }

      function intEamil() {
          getID("spEamil").innerHTML = TextVerify.getEamil(getID("txtEamil").value).value;
      }
     
     
    </script>
<body>
    <form id="form1" runat="server">
     <uc1:top  ID="top1" runat="server" />
   <div id="recommend"><table width="981" border="0" align="center" cellpadding="0" cellspacing="0">
  <tr>
    <td width="333" style="background:url(../images/bg_recommend.gif) #CD4343 no-repeat; height:22px;">注册步骤：1.填写信息 &gt; 2.注册成功</td>
    <td width="648" class="white_20" style="background:#CD4343">推荐好友来 优惠双人享 <span class="white_15" style="padding-left:20px;">现在就去推荐给好友吧</span><span style="color:#FFFF00; font-style:normal; font-weight:bold; font-size:15px; padding-left:10px;"> &gt;&gt;</span></td>
  </tr>
</table>
<table width="981" border="0" align="center" cellpadding="0" cellspacing="0" style="margin-top:10px;">
   <tr>
      <td width="23%" bgcolor="#FFFFFF" style="text-align:right; padding-top:30px;">用&nbsp;户&nbsp;名&nbsp;：</td>
      <td width="77%" bgcolor="#FFFFFF" style="padding-top:30px;"><span class="S_input">
        <asp:TextBox ID="txtname" runat="server"  Width="180" οnblur="intName()"
              MaxLength="50"></asp:TextBox>
        <span class="red" id="spName" runat="server"></span> *用户名4-20字符，可由数字、英文组成!
            <asp:Label ID="lbName" runat="server" Text=""
              CssClass="red" ></asp:Label>               

         
        </td>
    </tr>
    <tr>
      <td bgcolor="#FFFFFF" style="text-align:right;">密&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;码&nbsp;：</td>
      <td bgcolor="#FFFFFF"><span class="S_input">
      <asp:TextBox ID="txtpwd" runat="server" TextMode="Password"   Width="180"
              οnblur="intPsw()" MaxLength="20"></asp:TextBox>
          </span><span class="red" id="spwd" runat="server"></span> *密码长度只能在4-20位字符之间!
          </td>
    </tr>
    <tr>
      <td bgcolor="#FFFFFF" style="text-align:right;">密码确认：</td>
      <td bgcolor="#FFFFFF"><span class="S_input">
              <span>
                <asp:TextBox ID="txtConfirmPsw" runat="server" TextMode="Password" 
              Width="180" οnblur="intPswCM()" MaxLength="20"></asp:TextBox>
              </span>
  
          <span class="red" id="spwdcm" runat="server"></span>*</td>
    </tr>
    <tr>
      <td bgcolor="#FFFFFF" style="text-align:right;">电子邮箱：</td>
      <td bgcolor="#FFFFFF"><span class="S_input">
              <span>
 
                     <asp:TextBox ID="txtEamil" runat="server"  Width="180" 
              οnblur="intEamil()" MaxLength="50"></asp:TextBox>
                      <span class="S_input">
                      <span><span class="red" id="spEamil" runat="server"></span> *请输入您常用Email地址(每个Email只能注册一次!) </span>
              </span>
          </span></td>
    </tr>
 
    <tr align="center">
      <td colspan="2" class="text_center"  style="background:#fff; padding:10px 0;">
    
          <asp:ImageButton ID="Imgbtnregister" runat="server"
              ImageUrl="../images/se_reg.gif" οnclick="Imgbtnregister_Click"/>
         </td>
    </tr>
    <tr>
      <td colspan="2" class="text_center"  style="background:#fff; font-size:13px;"><asp:CheckBox ID="chkregister" runat="server" Text="我接受网服务条款"
                  Checked="True" />
            <br /><br />
        </td>
    </tr>
   
</table>
</div>
        <uc3:footer ID="footer1" runat="server" />
    </form>
</body>
</html>


后台代码：
[AjaxPro.AjaxNamespace("TextVerify")]
    public partial class recommend_reg : System.Web.UI.Page
    {
        protected void Page_Load(object sender, EventArgs e)
        {
            AjaxPro.Utility.RegisterTypeForAjax(typeof(recommend_reg));
            if (!IsPostBack)
            {
                if (!IsPostBack)
                {
                    txtEamil.Attributes.Add("onkeydown", "if(event.keyCode==13) {document.all." + Imgbtnregister.ClientID + ".focus();document.all." + this.Imgbtnregister.ClientID + ".click();}");
                    txtname.Attributes.Add("onkeydown", "if(event.keyCode==13) {document.all." + Imgbtnregister.ClientID + ".focus();document.all." + this.Imgbtnregister.ClientID + ".click();}");
                    txtpwd.Attributes.Add("onkeydown", "if(event.keyCode==13) {document.all." + Imgbtnregister.ClientID + ".focus();document.all." + this.Imgbtnregister.ClientID + ".click();}");
                    txtConfirmPsw.Attributes.Add("onkeydown", "if(event.keyCode==13) {document.all." + Imgbtnregister.ClientID + ".focus();document.all." + this.Imgbtnregister.ClientID + ".click();}");


                }
            }
        }

        //用户名
        [AjaxPro.AjaxMethod]
        public string getName(string Name)
        {
            string str;
            if (Name.Length > 0)
            {

                if (RegularMatch.IsValidpswLength(Name.Trim()) == false || Name.Trim().Length > 20)
                {
                    str = "用户名长度为4-20位字符!";

                }
                else
                {
                    Poucan.BLL.Customer bll = new Poucan.BLL.Customer();

                    if (bll.ExistsCustomer(Name.Trim()) > 0)
                    {
                        str = "该用户名已被使用，请使用其它用户名注册!";
                    }
                    else
                    {
                        str = "正确";
                    }
                }
            }
            else
            {
                str = "用户名不允许为空";

            }
            return str;

        }

 

 

        //密码
        [AjaxPro.AjaxMethod]
        public string getpwd(string psw)
        {
            string str;
            if (psw.Length > 0)
            {

                if (RegularMatch.IsValidpswLength(psw.Trim()) == false || psw.Trim().Length > 20)
                {
                    str = "密码长度为4-20位字符!";

                }
                else
                {
                    str = "正确";
                }

            }
            else
            {
                str = "密码不允许为空!";

            }
            return str;

        }


        //确认密码
        [AjaxPro.AjaxMethod]
        public string getpwdCM(string psw, string psw1)
        {
            string str;

            if (psw.Trim() != psw1.Trim())
            {

                str = "两次密码不一致!";

            }
            else
            {
                str = "正确";
            }
            if (RegularMatch.IsValidpswLength(psw1.Trim()) == false || psw1.Trim().Length > 20)
            {
                str = "确认密码长度为4-20位字符!";

            }

 

            return str;

        }

 

        //邮箱
        [AjaxPro.AjaxMethod]
        public string getEamil(string Eamil)
        {
            string str;
            if (Eamil.Length > 50)
            {
                str = "邮箱地址过长";
            }
            else
                if (Eamil.Length > 0)
                {

                    if (RegularMatch.IsValidEmail(Eamil.Trim()))
                    {
                        Poucan.BLL.Customer bll = new Poucan.BLL.Customer();
                        if (bll.ExistsCustomer(Eamil.Trim()) > 0)
                        {
                            str = "该邮箱已被使用，请更换其它邮箱!";
                        }
                        else
                        {
                            str = "正确";
                        }
                    }
                    else
                    {
                        str = "邮箱格式不正确!";
                    }

                }
                else
                {
                    str = "邮箱地址不允许为空!";

                }
            return str;

        }

 


        //添加积分
        public void addIntegral(string Customer)
        {


            Poucan.BLL.CustomerIntegral bll = new Poucan.BLL.CustomerIntegral();
            Poucan.Model.CustomerIntegral model = new Poucan.Model.CustomerIntegral();
            model.CustomerCode = Customer;
            model.Description = "注册成功";
            model.GiftsIntegral = 500;
            model.Sort = 4;//注册
            model.addtime = DateTime.Now;
            list.Add(bll.strAdd(model));
        }

 

 


        public bool Verification()
        {
            bool Status = true;

            if (txtname.Text.Trim().Length > 0)
            {

                if (RegularMatch.IsValidpswLength(txtname.Text.Trim()) == false || txtname.Text.Trim().Length > 20)
                {
                    spName.InnerHtml = "用户名长度为4-20位字符!";
                    Status = false;

                }
                else
                {
                    Poucan.BLL.Customer bll = new Poucan.BLL.Customer();

                    if (bll.ExistsCustomer(txtname.Text.Trim()) > 0)
                    {
                        spName.InnerHtml = "该用户名已被使用，请使用其它用户名注册!";
                        Status = false;
                    }
                    else
                    {
                        spName.InnerHtml = "正确";
                    }
                }
            }
            else
            {
                spName.InnerHtml = "用户名不允许为空!";
                Status = false;
            }

            if (txtpwd.Text.Length > 0)
            {

                if (RegularMatch.IsValidpswLength(txtpwd.Text.Trim()) == false || txtpwd.Text.Trim().Length > 20)
                {
                    spwd.InnerHtml = "密码长度为4-20位字符";
                    Status = false;
                }
                else
                {
                    spwd.InnerHtml = "正确";
                }

            }
            else
            {
                spwd.InnerHtml = "密码不允许为空";
                Status = false;
            }


            if (txtpwd.Text.Trim().Trim() != txtConfirmPsw.Text.Trim())
            {


                spwdcm.InnerHtml = "两次密码不一致!";
                Status = false;

            }
            else
                if (txtpwd.Text.Trim().Trim() == txtConfirmPsw.Text.Trim() && txtConfirmPsw.Text.Trim().Length > 0)
                {
                    spwdcm.InnerHtml = "正确";
                }
                else
                    if (RegularMatch.IsValidpswLength(txtConfirmPsw.Text.Trim()) == false || txtConfirmPsw.Text.Trim().Length > 20)
                    {
                        spwdcm.InnerHtml = "确认密码长度为4-20位字符!";
                        Status = false;

                    }
            if (txtEamil.Text.Trim().Length > 50)
            {
                spEamil.InnerHtml = "邮箱地址设置过长!";
                Status = false;
            }
            else
                if (txtEamil.Text.Trim().Length > 0)
                {

                    if (RegularMatch.IsValidEmail(txtEamil.Text.Trim()))
                    {
                        Poucan.BLL.Customer bll = new Poucan.BLL.Customer();
                        if (bll.ExistsCustomer(txtEamil.Text.Trim()) > 0)
                        {
                            spEamil.InnerHtml = "该邮箱已被使用，请更换其它邮箱!";
                            Status = false;
                        }
                        else
                        {
                            spEamil.InnerHtml = "正确";
                        }
                    }
                    else
                    {

                        spEamil.InnerHtml = " 邮箱格式不正确!";
                        Status = false;
                    }

                }
                else
                {

                    spEamil.InnerHtml = "邮箱地址不允许为空!";
                    Status = false;

                }
            return Status;
        }

        List<string> list = new List<string>();
        /// <summary>
        /// 注册
        /// </summary>
        /// <param name="sender"></param>
        /// <param name="e"></param>
        protected void Imgbtnregister_Click(object sender, ImageClickEventArgs e)
        {
           //注册代码省
        }

        //添加抵用劵
        public string addArrivedwith(string CustomerCode)
        {
            Poucan.BLL.Arrivedwith bll = new Poucan.BLL.Arrivedwith();
            Poucan.Model.Arrivedwith model = new Poucan.Model.Arrivedwith();

            string ArrivedCode = "";
            while (1 == 1)
            {
                string Code = PageBase.returnArrivedCode("A");
                if (bll.Exists(Code) == false)
                {
                    ArrivedCode = Code;
                    break;
                }

            }
            if (ArrivedCode.Length > 0)
            {
                DateTime dt = DateTime.Now;
                model.ArrivedCode = ArrivedCode;
                model.AddDate = dt;
                model.CustomerCode = CustomerCode;
                model.StartDate = dt;
                model.EndDate = dt.AddDays(7);
                model.Status = "未使用";
                model.Moneys = 5;//抵用金额
                model.MinimumMoneys = 50;//最少使用金额,才可以使用抵用劵
                model.Sort = "A";
                list.Add(bll.strAdd(model));
                return ArrivedCode;
            }
            else
            {
                return "";
            }
        }

    }
}

parverxiao
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
Ajax实现注册提示效果
shuati2000的博客
12-03 1496
Ajax实现注册提示效果什么是AjaxAjax的应用场景 什么是Ajax Ajax即Asynchronous Javascript And XML（异步JavaScript和XML）在 2005年被Jesse James Garrett提出的新术语，用来描述一种使用现有技术集合的‘新’方法，包括: HTML 或 XHTML, CSS, JavaScript, DOM, XML, XSLT, 以及最重要的XMLHttpRequest。 使用Ajax技术网页应用能够快速地将增量更新呈现在用户界面上，而不需要重
Ajax（实现前后端交互效果）
HArriet01的博客
06-04 1万+
一眼看中的Ajax
如何用ajax完成后端验证,如何使用ajax进行前后端交互
weixin_29176179的博客
08-05 307
###准备步骤####引用Newtonsoft.dll文件将Newtonsoft放到项目所在文件夹中，在项目的解决方案中单机右键—添加—引用—浏览—选中Newtonsoft.dll。####两个实例一、前端发送post请求前端代码```var userInfo={k:{v:"秦川"},arr:[1,2,3]};//这是一个复杂json$.ajax({type:"post",url:"你后端的ash...
JQuery Ajax如何实现注册检测用户名
01-22
Ajax（无需等待直接向服务器发起请求） (Asynchronous Javascript And Xml) ：异步的 Google创新的一种js技术 方法一：比较原始没有封装的方法： //核对用户名是否可用 var xmlhttp = null; function checkUser(userName) { if (xmlhttp == null) { xmlhttp = new XMLHttpRequest();//第一步：创建一步通信对象 } //第二步：设定回调函数 xmlhttp.onreadystat
jquery Ajax调用WEB API（Token验证）
piaochong2006的博客
09-17 1247
前后端接口调用，通过登录获取后台一个Token令牌，作为身份验证，之后所有请求都需要在Header里加入Token作为HTTP请求身份标识 token = '2Ue10khAXaZCeuEQrBxd8sodRbD7B8DXqbjiX8gkr--8RgaihvKZ_YC8ryvxUhSlF9pKrs13MoClVYj-IkbeY-MWv-X3MWmaZfULSYAM3NIDpob-gXdIsf7FystYexC4FM_O38wcmYGAygi8EGLf8W01ODiWSNDOfeaOrCp77vL0xZ
一个简单的注册/登录页面，使用AJAX实现前后台数据交互
weixin_44467131的博客
06-09 1万+
因为学习需求，需要实现一个简单的登录与注册界面，抓耳挠腮，搞了好久。我自己是做后台开发，所以后台的Service、Dao、Controller很快就编写完成了。被前台的代码恶心了很久，遇到了n个bug，各种查找资料，最终实现了简单的登录。这里我们不讲后台数据的交互逻辑，我重点讲讲如何通过AJAX来实现前后台的数据交互的。 大家都知道的，coding这种事情就是为了写bug的，所以我这篇文章中虽然提到了很多坑，但是也不一定你就会遇到，多种尝试后，也可以多多打开浏览器的控制台看看是哪里报错了。也不要因为写的和别
ajax注册html页面代码,用AJAX实现页面登陆以及注册用户名验证的简单实例
weixin_42511177的博客
06-05 1083
AJAX即“Asynchronous Javascript And XML”(异步JavaScript和XML)，是指一种创建交互式网页应用的网页开发技术。AJAX 是一种用于创建快速动态网页的技术。其核心是 JavaScript 对象 XMLHttpRequest。该对象在 Internet Explorer 5 中首次引入，它是一种支持异步请求的技术。简而言之，XMLHttpRequest使您...
前后端分离 ajax请求后台重定向
热门推荐
li_gameover的专栏
04-12 2万+
最近在做的一个前后端分离的一个项目，这就涉及到登录验证的问题。我用的是token加上filter。 1，前端请求登录的时候，用用户名和加上当前时间生成一个token，存入redis,然后返回给前端。 2，以后每次请求前端带上token，在filter里做验证。 3，判断token是否有效，有效则放行，无效则重定向到登录页面。 这就存在一个问题，ajax请求返回的jso
ajax基本调用以及说明
见证自己学习,成长的记录
06-02 6188
ajax在项目中主要用作前后端交互,用的还是很多的,开发者应该掌握,面试的时候也是经常会被问到一些基本理论,先总结以下常用理论再举例说明实例 1 什么是ajax AJAX全称为“Asynchronous JavaScript and XML”（异步JavaScript和XML），是一种创建交互式网页应用的网页开发技术，通过在后台与服务器进行少量数据交换，AJAX 可以使网页实现异步更新。这意味着可以在不重新加载整个网页的情况下，对网页的某部分进行更新。 2 ajax的工作原理 Ajax的工作原理相当于在用户
jquery利用ajax调用后台方法实例
10-26
在本文中，我们将深入探讨如何使用jQuery的AJAX功能来调用后台方法，并将返回的数据动态展示在HTML页面上。这个实例将展示一个基于jQuery和ASP.NET MVC4的简单应用场景。 首先，AJAX（Asynchronous JavaScript and ...
ASP.NET中JQuery+AJAX调用后台
10-22
ASP.NET中的JQuery+AJAX调用后台是一个常见的前端与后端交互技术，它允许网页在不刷新整个页面的情况下与服务器进行数据交换，提供更好的用户体验。在这个场景中，我们需要实现一个登录功能，通过AJAX调用ASP.NET ...
Ajax实现后台调用
11-01
Ajax（Asynchronous JavaScript and XML）是一种在无需重新加载整个网页的情况下，能够更新部分网页的技术。在本场景中，Ajax被...通过合理的前后端交互设计和安全措施，我们可以利用Ajax实现高效、安全的后台调用。
ajax 提交小例子.带表单验证和遮罩等待效果
07-22
这个小例子是关于如何利用Ajax实现一个带有表单验证和遮罩等待效果的交互式用户体验。下面我们将深入探讨其中涉及的技术和知识点。 首先，`ajax.php`和`login.php`是处理后台请求的PHP脚本。`ajax.php`通常用于接收...
ajax请求后台怎么处理请求,Ajax()方法请求后台数据
weixin_26716079的博客
08-05 1055
Ajax全称为“Asynchronous JavaScript and XML”(异步JavaScript和XML)，是指一种创建交互式网页应用的网页开发技术。Ajax技术是目前在浏览器中通过JavaScript脚本可以使用的所有技术的集合。在asp.net中配合updatePanel控件(ajax控件)可以很简单的实现异步无刷新分页。ASP.NET使用ajax实现分页局部刷新页面对于一些简单的请...
Ajax前后端交互
Stars_in_rain的博客
01-06 9666
Ajax前后端交互 通过表单的形式进行前后端的交互，首先创建一个文件夹，打开终端执行npm init 再npm install express npm install multer,在文件夹创建index.js 文件和public文件夹下面创建index.html 如图 现在再html中写Ajax请求： 1、创建一个XMLHttpRequest对象 ie浏览器中创建方式：var xhr = new ActiveXObject(“Microsoft.XMLHTTP”); Netscape浏览器中创建方式为:
【漏洞复现】某赛通电子文档安全管理系统 PolicyAjax SQL注入漏洞
siu~
08-08 465
某赛通电子文档安全管理系统PolicyAjax接口处存在sql注入漏洞，攻击者除了可以利用 SQL 注入漏洞获取数据库中的信息（例如，管理员后台密码、站点的用户个人信息）之外，甚至在高权限的情况可向服务器中写入木马，进一步获取服务器系统权限。
前端（三）：Ajax
qq_52200849的博客
08-06 557
Asynchronous JavaScript And XML，简称Ajax，是异步的JavaScript和XML。，通过Ajax可以给服务器发送请求，并获取服务器响应的数据。：可以在不重新加载整个页面的情况下，与服务器交换数据并更新部分网页的技术，如：搜索联想、用户名是否可用的校验等。
ajax part4
最新发布
E___V___E的博客
08-08 232
这段思路很好，axios自带生成json文件和解析JSON文件，请求的时候参数是对象类型，但是提交给服务器axios会自动转换为JSON类型，响应返回的时候相反，自动解析JSON类型。使用modal其实就是一个大一点的提示框，但是对于提示信息不需要这么大。获取图像对象，准备数据，上传到服务器，将返回的URL网址渲染到页面上。服务器报错，可以检查一下fd的属性名是不是和要求的data属性名相同。data的data有用户数据。form-data表单数据。for：关联对象的ID。
前端与后端接口V31：AJAX实现与权限验证
前后端接口v31的设计着重于通过AJAX实现前后端交互，并提供了详细的登录验证、数据分页以及不同页面类型的API设计，确保了系统操作的高效性和安全性。为了更好的理解和使用这些接口，熟悉jQuery、AJAX的工作原理，...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值