JQuery運(yùn)用ajax注冊(cè)用戶實(shí)例(后臺(tái)asp.net)
更新時(shí)間:2009年12月21日 23:21:32 作者:
JQuery運(yùn)用ajax注冊(cè)用戶實(shí)例,其實(shí)那中后臺(tái)語言都是差不多的形式。
復(fù)制代碼 代碼如下:
//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('出現(xiàn)未知錯(cuò)誤,請(qǐng)與QQ:6434789聯(lián)系。'); },
success: function(data) {
if (data == "對(duì)不起,該用戶名已被注冊(cè)!") {
Msg.className = "d_err";
Msg.innerHTML = data;
$("#hiddencheckname").val("no");
}
if (data == "恭喜,該用戶名可以注冊(cè)!") {
Msg.className = "d_ok";
Msg.innerHTML = data;
$("#hiddencheckname").val("yes");
}
if (data == "該用戶名不能為中文!") {
Msg.className = "d_err";
Msg.innerHTML = data;
$("#hiddencheckname").val("no");
}
if (data == "請(qǐng)輸入用戶名!") {
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個(gè)字符!";
chk = false;
}
return chk;
}
function chk_reguser() {
var chk = true
// if (!checkname()) { chk = false; } //jquery進(jìn)行變量賦值不能與js里面的變量共用,故success: function(data) {}里面定義的任何變量與所在的js代碼中的變量是不相通的,所以我就找一個(gè)種比較偏(非正式)的方法,為在html中加入隱藏的Input并在js里面設(shè)置$("#hiddencheckname").val("no");
if (!CheckN()) {chk = false;}
if ($("#hiddencheckname").val() == "no") { chk = false; }//這個(gè)是對(duì)其判斷
if (!checkpwd()) { chk = false; }//這些跟CheckN()差不多一樣,只是對(duì)表單里面的元素進(jìn)行驗(yàn)證
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('出現(xiàn)未知錯(cuò)誤,請(qǐng)與QQ:6434789聯(lián)系。'); },
success: function(data) {
if (data == "success") {
alert("注冊(cè)成功!");
window.location.href = "/member/index.aspx";
}
else {
alert("注冊(cè)失敗,原因可能為用戶名已被注冊(cè)!");
}
}
});
return (true);
}
return (false);
}
//HTML頁
只要做類似于這樣的表單
復(fù)制代碼 代碼如下:
<input id="username" type="text" onBlur="checkname()" />
<div class=d_default id=d_username>請(qǐng)輸入4位以上的英文字符或數(shù)字!</div>
<input id="Button_OK" type="button" onclick="return chk_reguser();"/>
//registerOK.aspx.cs
復(fù)制代碼 代碼如下:
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 == "恭喜,該用戶名可以注冊(cè)!")
{
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 檢測(cè)用戶注冊(cè)時(shí)用戶名是否存在
- PHP+Ajax異步通訊實(shí)現(xiàn)用戶名郵箱驗(yàn)證是否已注冊(cè)( 2種方法實(shí)現(xiàn))
- PHP+AJAX實(shí)現(xiàn)無刷新注冊(cè)(帶用戶名實(shí)時(shí)檢測(cè))
- Asp.net下利用Jquery Ajax實(shí)現(xiàn)用戶注冊(cè)檢測(cè)(驗(yàn)證用戶名是否存)
- jquery+ajax實(shí)現(xiàn)注冊(cè)實(shí)時(shí)驗(yàn)證實(shí)例詳解
- PHP+Ajax檢測(cè)用戶名或郵件注冊(cè)時(shí)是否已經(jīng)存在實(shí)例教程
- ajax對(duì)注冊(cè)名進(jìn)行驗(yàn)證檢測(cè)是否存在于數(shù)據(jù)庫中
- asp ajax注冊(cè)驗(yàn)證之 防止用戶名輸入空格
- Ajax+asp應(yīng)用實(shí)例 注冊(cè)模塊,表單提交
- AJAX用于判定用戶是否注冊(cè)
相關(guān)文章
ASP.NET在IE10中無法判斷用戶已登入及Session丟失問題解決方法
IE10中Session丟失問題引起眾多業(yè)內(nèi)人士的關(guān)注,今天發(fā)現(xiàn)在IE10中登錄網(wǎng)站時(shí),使用表單驗(yàn)證機(jī)制(FormsAuthentication)卻無法判斷該用戶已登入,保存的Session總會(huì)丟失,本文將介紹解決方法,感興趣的朋友可以參考下,或許對(duì)你有所幫助2013-02-02net core webapi多版本控制與swagger(nswag)配置教程
這篇文章主要介紹了net core webapi多版本控制與swagger(nswag)配置,本文給大家介紹的非常詳細(xì),對(duì)大家的學(xué)習(xí)或工作具有一定的參考借鑒價(jià)值,需要的朋友可以參考下2020-11-11使用.NET存儲(chǔ)XML數(shù)據(jù)的方法
使用.NET存儲(chǔ)XML數(shù)據(jù)的方法...2007-04-04asp.net中ListBox 綁定多個(gè)選項(xiàng)為選中及刪除實(shí)現(xiàn)方法
文章介紹了關(guān)于在asp.net中的listbox的綁定多個(gè)選項(xiàng)和同時(shí)選中多個(gè)選項(xiàng)以及刪除多個(gè)選項(xiàng)的方法2012-04-04輕量級(jí)ORM框架Dapper應(yīng)用支持操作函數(shù)和事物
這篇文章介紹了Dapper支持操作函數(shù)和事物的方法,文中通過示例代碼介紹的非常詳細(xì)。對(duì)大家的學(xué)習(xí)或工作具有一定的參考借鑒價(jià)值,需要的朋友可以參考下2022-03-03WEB在模態(tài)窗體里導(dǎo)出或下載文件功能代碼
實(shí)現(xiàn)在模態(tài)窗體里導(dǎo)出或下載文件,具體功能代碼如下,感興趣的朋友可以參考下哈2013-06-06