为了正常的体验网站,请在浏览器设置里面开启Javascript功能!

Asp和Jquery实现用户信息异步验证

2018-04-28 10页 doc 27KB 13阅读

用户头像

is_769254

暂无简介

举报
Asp和Jquery实现用户信息异步验证Asp和Jquery实现用户信息异步验证 Asp.net和Jquery实现用户信息异步验证 2009年12月17日 11:28 IT168.com 【IT168技术】用户注册信息验证在web开发中使用的非常多,只要涉及到用户注册, 就会涉及到注册信息的验证。下面将介绍使用Jquery实现用户注册信息的验证,在这我就是 以验证用户名是否已经在数据库中存在为例来介绍用户注册信息验证。 1、在使用Jquery之前,确认您是否下载了Jquery框架的库文件,如果没有下载可以到 Jquery官方网站下载最新的版本。 2、这个D...
Asp和Jquery实现用户信息异步验证
Asp和Jquery实现用户信息异步验证 Asp.net和Jquery实现用户信息异步验证 2009年12月17日 11:28 IT168.com 【IT168技术】用户注册信息验证在web开发中使用的非常多,只要涉及到用户注册, 就会涉及到注册信息的验证。下面将介绍使用Jquery实现用户注册信息的验证,在这我就是 以验证用户名是否已经在数据库中存在为例来介绍用户注册信息验证。 1、在使用Jquery之前,确认您是否下载了Jquery框架的库文件,如果没有下载可以到 Jquery官方网站下载最新的版本。 2、这个DEMO使用的开发环境是vs2008+sql server2005,首先新建一个网站,数据库名 为Ajax,数据库里只有一个Users, 3、新建一个Jquery.aspx页面,前端代码如下: Code highlighting produced by Actipro CodeHighlighter (freeware) <%@ Page Language="C#" AutoEventWireup="true" CodeFile="Jquery.aspx.cs" Inherits="Jquery" %> 用户验证 <%-- 连接需要使用的js文件,jquery.min.js文件为Jquery库文件,jqueryCheck.js 文件中写了checkUsers()函数--%> <%-- 控制验证信息返回结果的样式--%>
用户名:
Jquery.aspx.cs 页面代码如下: Code highlighting produced by Actipro CodeHighlighter (freeware) using System; using System.Collections; using System.Configuration; using System.Data; using System.Linq; using System.Web; using System.Web.Security; using System.Web.UI; using System.Web.UI.HtmlControls; using System.Web.UI.WebControls; using System.Web.UI.WebControls.WebParts; using System.Xml.Linq; using System.Data.SqlClient; public partial class Jquery : System.Web.UI.Page { protected void Page_Load(object sender, EventArgs e) { } protected void btnReg_Click(object sender, EventArgs e) { //在这使用了主要是考 虑到可以使 //用 onblur等事件,不一定使用button的onclick事件触发JavaScript文件中 函数。 string UserName = txtUserName.Value; //自己到web.config文件中配置ConnStr SqlConnection conn = new SqlConnection(ConfigurationManager.AppSettings["ConnStr"].ToString()); conn.Open(); try { //由于自己也在学习存储过程,所以在这都使用存储过程O(?_?)O~ SqlCommand cmd = new SqlCommand(); cmd.Connection = conn; cmd.CommandText = "InsertUser"; cmd.CommandType = CommandType.StoredProcedure; cmd.Parameters.Add(new SqlParameter("@UserName", SqlDbType.VarChar, 50)); cmd.Parameters["@UserName"].Value = UserName; cmd.ExecuteNonQuery(); lblMsg.Text = "注册成功~"; } catch (Exception ex) { lblMsg.Text = "注册失败~"; } finally { conn.Close(); } } } 4、下面是jqueryCheck.js文件的代码: Code highlighting produced by Actipro CodeHighlighter (freeware) function checkUsers() { var userName = document.getElementById("txtUserName").value; $(document).ready(function(){ $.ajax({ type:"GET", url:"CheckUrl.aspx?userName="+userName, data:null, success:function(result){ if(result=="UserError") { //从CheckUrl.aspx页面中返回的数据为UserError时,表示用户名已 经存在~ $("#checkMsg").removeClass("checkRight"); $("#checkMsg").addClass("checkError"); $("#checkMsg").text("用户名已经存在~"); //当输入的用户名已经存在,让注册按钮变灰,不能使用 $("#btnReg").attr("disabled",true); } else if (result== "UserRight") { //从CheckUrl.aspx页面中返回的数据为UserRight时,表示该用户名 还为注册~ $("#checkMsg").removeClass("checkError"); $("#checkMsg").addClass("checkRight"); $("#checkMsg").text("用户名未注册,可用~"); //当输入的用户名未被注册,让注册按钮可使用 $("#btnReg").attr("disabled",false); } } }); }); } 5、新建一个验证信息处理页面,即jqueryCheck.js页面中调用的CheckUrl.aspx页面, 前台页面只留下如下代码即可: Code highlighting produced by Actipro CodeHighlighter (freeware) <%@ Page Language="C#" AutoEventWireup="true" CodeFile="CheckUrl.aspx.cs" Inherits="CheckUrl" %> 后台CheckUrl.aspx.cs页面代码如下: Code highlighting produced by Actipro CodeHighlighter (freeware) using System; using System.Collections; using System.Configuration; using System.Data; using System.Linq; using System.Web; using System.Web.Security; using System.Web.UI; using System.Web.UI.HtmlControls; using System.Web.UI.WebControls; using System.Web.UI.WebControls.WebParts; using System.Xml.Linq; using System.Data.SqlClient; public partial class CheckUrl : System.Web.UI.Page { protected void Page_Load(object sender, EventArgs e) { if (!IsPostBack) { string userName = Request["userName"].ToString(); SqlConnection conn = new SqlConnection(ConfigurationManager.AppSettings["ConnStr"].ToString()); conn.Open(); //继续使用存储过程 SqlCommand cmd = new SqlCommand(); cmd.Connection = conn; cmd.CommandText = "CheckUser"; cmd.CommandType = CommandType.StoredProcedure; cmd.Parameters.Add(new SqlParameter("@UserName", SqlDbType.VarChar, 50)); cmd.Parameters["@UserName"].Value = userName; int result = Convert.ToInt32(cmd.ExecuteScalar()); if (result > 0) { //上面提到的验证页面返回结果 Response.Write("UserError"); } else { //上面提到的验证页面返回结果 Response.Write("UserRight"); } conn.Close(); } } } 6、控制页面的Css页面代码如下: Code highlighting produced by Actipro CodeHighlighter (freeware) .checkError { background-image:url(../images/error.jpg); padding-left:40px; font-size:14px; height:24px; padding-top:6px; background-repeat:no-repeat; float:left; width:160px; } .checkRight { background-image:url(../images/right.jpg); padding-left:40px; font-size:14px; height:24px; padding-top:6px; background-repeat:no-repeat; float:left; width:160px; } .input { float:left; } 7、上面两个文件中涉及到的储存过程代码如下: Code highlighting produced by Actipro CodeHighlighter (freeware) CREATE PROCEDURE [dbo].[CheckUser] @UserName varchar(50) AS BEGIN SELECT count(*) from Users where UserName=@UserName END CREATE PROCEDURE [dbo].[InsertUser] ( @UserName varchar(50) ) AS BEGIN INSERT INTO Users (UserName) values(@UserName) END 8、这个DEMO的讲解结束。 下面为源代码下载: 源代码中除了使用Jquery,还有一个页面是使用javascript写的。大家也可以参考参考,希望对大家有所帮助,有什么问大家可以交流交流。 /Files/wanjiabao/Ajax.rar
/
本文档为【Asp和Jquery实现用户信息异步验证】,请使用软件OFFICE或WPS软件打开。作品中的文字与图均可以修改和编辑, 图片更改请在作品中右键图片并更换,文字修改请直接点击文字进行修改,也可以新增和删除文档中的内容。
[版权声明] 本站所有资料为用户分享产生,若发现您的权利被侵害,请联系客服邮件isharekefu@iask.cn,我们尽快处理。 本作品所展示的图片、画像、字体、音乐的版权可能需版权方额外授权,请谨慎使用。 网站提供的党政主题相关内容(国旗、国徽、党徽..)目的在于配合国家政策宣传,仅限个人学习分享使用,禁止用于任何广告和商用目的。
热门搜索

历史搜索

    清空历史搜索