Asp.net下利用Jquery Ajax實(shí)現(xiàn)用戶注冊(cè)檢測(cè)（驗(yàn)證用戶名是否存）

其中用到了jquery插件來驗(yàn)證用戶名哦，這里是利用jquery

站在用戶的角度思考問題，與客戶深入溝通，找到大荔網(wǎng)站設(shè)計(jì)與大荔網(wǎng)站推廣的解決方案，憑借多年的經(jīng)驗(yàn)，讓設(shè)計(jì)與互聯(lián)網(wǎng)技術(shù)結(jié)合，創(chuàng)造個(gè)性化、用戶體驗(yàn)好的作品，建站類型包括：成都做網(wǎng)站、成都網(wǎng)站建設(shè)、企業(yè)官網(wǎng)、英文網(wǎng)站、手機(jī)端網(wǎng)站、網(wǎng)站推廣、申請(qǐng)域名、虛擬主機(jī)、企業(yè)郵箱。業(yè)務(wù)覆蓋大荔地區(qū)。

ajax來驗(yàn)證用戶名是否存在哦。大家看看效果圖，后面將附上源碼下載。

jquery框架實(shí)現(xiàn)的ajax

驗(yàn)證用戶名是否存在的部分JS

復(fù)制代碼

代碼如下:

$("#accounts").formValidator({onshow:"請(qǐng)輸入用戶名",onfocus:"用戶名至少4個(gè)字符,最多10個(gè)字符",oncorrect:"該用戶名可以注冊(cè)"}).inputValidator({min:4,max:10,onerror:"用戶名至少4個(gè)字符,最多10個(gè)字符"}).regexValidator({regexp:"username",datatype:"enum",onerror:"用戶名格式不正確"})

.ajaxValidator({

type

:

"get",

url

:

"/ws/NameExist.aspx",

datatype

:

"json",

success

:

function(data){

if(

data

==

"1"

)

{

return

true;

}

else

{

return

false;

}

},

buttons:

$("#submit"),

error:

function(){alert("服務(wù)器沒有返回?cái)?shù)據(jù)，可能服務(wù)器忙，請(qǐng)重試");},

onerror

:

"該用戶名不可用，請(qǐng)更換用戶名",

onwait

:

"正在對(duì)用戶名進(jìn)行合法性校驗(yàn)，請(qǐng)稍候..."

})

NameExist.aspx

實(shí)現(xiàn)的源碼

復(fù)制代碼

代碼如下:

protected

void

Page_Load(object

sender,

EventArgs

e)

{

string

accounts

=

Request["accounts"];

LoginNameExist(accounts);

}

public

void

LoginNameExist(string

accounts)

{

IUsers

user

=

AgileEIS.Web.DAL.Interface.DALHelper.DALManager.CreateUsers();

user.Session

=

ContextHelper.Session;

user.Accounts

=

accounts;

user.Refresh();

if

(!user.Exists)

{

Response.Write("1");

}

else

{

Response.Write("0");

}

Response.End();

return;

}

異步刷新實(shí)現(xiàn)方式有多種，也可以借助js的多種框架，以上是使用jquery框架實(shí)現(xiàn)的ajax

驗(yàn)證用戶名是否存在。首次發(fā)這樣的技術(shù)文檔，難免有不足之外，還請(qǐng)大家見涼...

下面將提供下載

用jquery驗(yàn)證用戶名是否有效或重復(fù)以及ajax出現(xiàn)的問題

$('#username').blur(function(){

$.ajax({

url:從數(shù)據(jù)庫驗(yàn)證用戶是否重復(fù)的action地址,

type:'POST',

data:{username:username},

dataType:'json',

success:function(jsonData){

if (jsonData == null) {

$(“#tips”).html('查詢用戶名列表錯(cuò)誤');

}else if (jsonData.result == "true") {

$(“#tips”).html('用戶名重復(fù)');

}else if(jsonData.result == "false") {

$(“#tips”).html('恭喜你,用戶名可以使用');

}

},

error:function(jsonData){

}

});

});

如何編寫jquery插件用戶名驗(yàn)證？

表單的里面的有input這是輸入框,name="username";

密碼框的name是 password他們的對(duì)應(yīng)的標(biāo)簽里面都先寫一個(gè)id,分別是id="username",id="password".還有一個(gè)是確認(rèn)提交的按鈕。之后就是先導(dǎo)入jquery.js(這是js的庫函數(shù))。這個(gè)可以通過網(wǎng)絡(luò)下載，

script

$("input[type="submit"]").click(

function(){

var username=$("#username").val();//獲取用戶名的信息；

var password=$("#password").val();//來獲取密碼的信息

之后就是你需要的驗(yàn)證的要求，

}

);

/script

jquery驗(yàn)證用戶名是否存在

取出用戶名中的值，讓后臺(tái)來判斷一下是不是存在，把信息返回給前端，前端顯示，用ajax就可以了：

$('#btn').bind('click',?function(event)?{

//取出你用戶名

var?username?=?$('#username').val();

$.ajax({

url:?'/path/to/file',

dataType:?'json',

data:?{username:?username},

success?:?function(obj){

//obj是返回的信息，說明用戶名是不是存在

//執(zhí)行你想要的操作

}

})

});

用jquery驗(yàn)證用戶名是否有效或重復(fù)

jquery調(diào)用ajax，調(diào)用后臺(tái)方法判斷用戶名是否重復(fù)。驗(yàn)證的話，varusername=$("#username").val();if(username==""){returnfalse;}上面為驗(yàn)證不能為空

當(dāng)前題目：jquery驗(yàn)證用戶,jQuery驗(yàn)證用戶注冊(cè)
網(wǎng)站鏈接：http://chinadenli.net/article34/dsepcpe.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供營銷型網(wǎng)站建設(shè)、ChatGPT、小程序開發(fā)、企業(yè)建站、搜索引擎優(yōu)化、網(wǎng)站維護(hù)

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請(qǐng)盡快告知，我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場，如需處理請(qǐng)聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時(shí)需注明來源： 創(chuàng)新互聯(lián)