JQuery运用ajax注册用户实例(后台asp.net)

内容导读

互联网集市收集整理的这篇技术教程文章主要介绍了JQuery运用ajax注册用户实例(后台asp.net)，小编现在分享给大家，供广大互联网技能从业者学习和参考。文章包含4296字，纯文字阅读大概需要7分钟。

内容图文

//JS代码 

function checkname() { 
var Msg = document.getElementById("d_username"); 
var chk = CheckN(); 
if (chk) { 
$.ajax({ url: 'registerOK.aspx', 
type: 'POST', 
data: { lb: "checkname", username: $("#username").val() }, 
dataType: 'html', 
timeout: 1000, 
error: function() { alert('出现未知错误，请与QQ:6434789联系。'); }, 
success: function(data) { 
if (data == "对不起，该用户名已被注册！") { 
Msg.className = "d_err"; 
Msg.innerHTML = data; 
$("#hiddencheckname").val("no"); 
} 
if (data == "恭喜，该用户名可以注册！") { 
Msg.className = "d_ok"; 
Msg.innerHTML = data; 
$("#hiddencheckname").val("yes"); 
} 
if (data == "该用户名不能为中文！") { 
Msg.className = "d_err"; 
Msg.innerHTML = data; 
$("#hiddencheckname").val("no"); 
} 
if (data == "请输入用户名！") { 
Msg.className = "d_err"; 
Msg.innerHTML = data; 
$("#hiddencheckname").val("no"); 
} 
} 
}); 
} 
} 

function CheckN() { 
var Msg = document.getElementById("d_username"); 
var chk = true; 
if (checkIsChinese(document.getElementById("username").value)) { 
Msg.className = "d_err"; 
Msg.innerHTML = "用户名不能为中文！"; 
chk = false; 
} 
if (document.getElementById("username").value.length < 4) { 
Msg.className = "d_err"; 
Msg.innerHTML = "用户名不能少于4个字符！"; 
chk = false; 
} 
return chk; 
} 

function chk_reguser() { 
var chk = true 
// if (!checkname()) { chk = false; } //jquery进行变量赋值不能与js里面的变量共用，故success: function(data) {}里面定义的任何变量与所在的js代码中的变量是不相通的，所以我就找一个种比较偏（非正式）的方法，为在html中加入隐藏的Input并在js里面设置$("#hiddencheckname").val("no"); 
if (!CheckN()) {chk = false;} 
if ($("#hiddencheckname").val() == "no") { chk = false; }//这个是对其判断 
if (!checkpwd()) { chk = false; }//这些跟CheckN()差不多一样，只是对表单里面的元素进行验证 
if (!checkpwd1()) { chk = false; } 
if (!checkquestion()) { chk = false; } 
if (!checkanswer()) { chk = false; } 
if (!checkxq()) { chk = false; } 
if (!checkrealname()) { chk = false; } 
if (!checktel()) { chk = false; } 
if (!checkQQMSN()) { chk = false; } 
if (!checkEmail()) { chk = false; } 
if (!checkaddress()) { chk = false; } 
if (chk) { 
$.ajax({ url: 'registerOK.aspx', 
type: 'POST', 
data: { lb: "reguser", username: $("#username").val(), password: $("#pwd").val(), question: $("#question").val(), answer: $("#answer").val(), xqcode: $("#ctl00_CPH_Main_DDL_xq").val(), realname: $("#realname").val(), sex: $("input[@name=sex][@checked]").val(), tel: $("#tel").val(), QQMSN: $("#QQMSN").val(), email: $("#email").val(), address: $("#address").val() }, 
dataType: 'html', 
timeout: 1000, 
error: function() { alert('出现未知错误，请与QQ:6434789联系。'); }, 
success: function(data) { 
if (data == "success") { 
alert("注册成功！"); 
window.location.href = "/member/index.aspx"; 
} 
else { 
alert("注册失败，原因可能为用户名已被注册！"); 
} 
} 
}); 
return (true); 
} 
return (false); 
} 
 
//HTML页 

只要做类似于这样的表单 
 代码如下:

<input id="username" type="text" onBlur="checkname()" /> 
<div class=d_default id=d_username>请输入4位以上的英文字符或数字！</div> 
<input id="Button_OK" type="button" onclick="return chk_reguser();"/> 
 
//registerOK.aspx.cs 
 代码如下:

using System; 
using System.Collections.Generic; 
using System.Linq; 
using System.Web; 
using System.Web.UI; 
using System.Web.UI.WebControls; 
using BLL; 

public partial class registerOK : System.Web.UI.Page 
{ 
user user = new user(); 
protected void Page_Load(object sender, EventArgs e) 
{ 
if (!IsPostBack) 
{ 
string lb = Request["lb"]; 
string username = Request["username"]; 
string password = Request["password"]; 
string question = Request["question"]; 
string answer = Request["answer"]; 
string xqcode = Request["xqcode"]; 
string realname = Request["realname"]; 
string sex = Request["sex"]; 
string tel = Request["tel"]; 
string QQMSN = Request["QQMSN"]; 
string email = Request["email"]; 
string address = Request["address"]; 
if (lb == "checkname") 
{ 
Response.Write(user.CheckUserName(username)); 
} 
if (lb == "reguser") 
{ 
string name = user.CheckUserName(username); 
if (name == "恭喜，该用户名可以注册！") 
{ 
user.Add(username, password, question, answer, xqcode, realname, sex, tel, QQMSN, email, address); 
Response.Write("success"); 
} 
else 
{ 
Response.Write("fail"); 
} 
} 
} 
} 
} 
 
注：registerOK.aspx页面必须清空所有的HTML代码，如只剩下<%@ Page Language="C#" AutoEventWireup="true" CodeFile="registerOK.aspx.cs" Inherits="registerOK" %>。
            
            


           
                
                                                

内容总结

以上是互联网集市为您收集整理的JQuery运用ajax注册用户实例(后台asp.net)全部内容，希望文章能够帮你解决JQuery运用ajax注册用户实例(后台asp.net)所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错，欢迎将互联网集市网站推荐给程序员好友。

内容备注

版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 gblab@vip.qq.com 举报，一经查实，本站将立刻删除。

内容手机端