jquery驗證用戶名是否存在

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

創(chuàng)新互聯(lián)公司是一家專注于做網(wǎng)站、成都網(wǎng)站制作與策劃設(shè)計,友好網(wǎng)站建設(shè)哪家好?創(chuàng)新互聯(lián)公司做網(wǎng)站,專注于網(wǎng)站建設(shè)十多年,網(wǎng)設(shè)計領(lǐng)域的專業(yè)建站公司;建站業(yè)務(wù)涵蓋:友好等地區(qū)。友好做網(wǎng)站價格咨詢:028-86922220

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

//取出你用戶名

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

$.ajax({

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

dataType:?'json',

data:?{username:?username},

success?:?function(obj){

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

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

}

})

});

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

其中用到了jquery插件來驗證用戶名哦，這里是利用jquery

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

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

驗證用戶名是否存在的部分JS

復(fù)制代碼

代碼如下:

$("#accounts").formValidator({onshow:"請輸入用戶名",onfocus:"用戶名至少4個字符,最多10個字符",oncorrect:"該用戶名可以注冊"}).inputValidator({min:4,max:10,onerror:"用戶名至少4個字符,最多10個字符"}).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ù)器沒有返回數(shù)據(jù)，可能服務(wù)器忙，請重試");},

onerror

:

"該用戶名不可用，請更換用戶名",

onwait

:

"正在對用戶名進行合法性校驗，請稍候..."

})

NameExist.aspx

實現(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;

}

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

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

下面將提供下載

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

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

jquery怎么驗證用戶名為空之類？

比如下面這個：

“用戶的輸入都是不可靠的”，忘了是哪位牛人說的這句話，所以對用戶輸入的數(shù)據(jù)進行檢測是非常必要的。

以前我做客戶端的檢測都是一個屬性寫一個函數(shù)，我自己也覺得很不好，但也沒有更好的辦法，今天在一人blog里看到介紹jQuery的插件Validation，看了下，真的感覺很不錯。jQuery提供的參數(shù)文檔，這插件的作者提供的一些DEMO，下載地址在這里。

$.validator.setDefaults({

debug: true

});

設(shè)置默認(rèn)的狀態(tài)為debug，這樣用戶的數(shù)據(jù)就不會提交了。

接下來是一段比較長的代碼，但是不用怕，因為真的挺簡單的//當(dāng)頁面載入完成時，執(zhí)行以下動作

$().ready(function() {

$("#myform").validate({

//設(shè)置默認(rèn)的狀態(tài)為keyup，也可以設(shè)置為blur

event: "keyup",

//設(shè)定規(guī)則

rules: {

//對應(yīng)id為'username'的input

username: {

//必填項

required: true,

//最多和最少的字符數(shù)

rangeLength:[4,16]

},

mail: {

required: true,

//聲明這是一個電子郵件

email: true

},

password: {

required: true,

//最少4個字符

minLength: 4

},

confirm_password: {

required: true,

minLength: 4,

// 與哪個等同，這里是id為password的input等同

equalTo: "#password"

},

agree: "required"

},

//這里是與規(guī)則對應(yīng)的錯誤代碼

messages: {

username: {

//如果用戶名為空，則顯示下面的信息

required: '請輸入用戶名',

//如果字符串的長度不符合，則顯示下面的信息

rangeLength: '用戶名必須在4-16個字符之間'

},

password: {

required: '請輸入密碼',

minLength: '密碼必須大于4個字符'

},

confirm_password: {

required: '請確認(rèn)你的密碼',

equalTo: '兩次密碼輸入不一致',

minLength: '密碼必須大于4個字符'

},

agree: '請同意我們的條款',

mail: '請輸入有效的E-MAIL帳戶'

},

//可選項，當(dāng)用戶的輸入符合我們設(shè)定的規(guī)則時顯示

success: function(label) {

label.html('√').addClass("success");

}

});

});

/script

代碼里寫了注釋，看起來應(yīng)該還是比較容易理解的吧，最后就是一個form

form id="myform" action="index.html" method="get"

fieldset

legend用戶注冊界面/legend

plabel for="username"用戶名：/label

input type="text" name="username" id="username" /

plabel for="mail"電子郵件地址：/label

input type="text" name="mail" id="mail" /

plabel for="password"密碼：/label

input type="password" name="password" id="password" /

plabel for="confirm_password"密碼確認(rèn)：/label

input type="password" name="confirm_password" id="confirm_password" /

plabel for="agree"請同意我們的條款：/labelinput type="checkbox" name="agree" id="agree" /

div id="submit"input type="submit" value="Submit" //div

/fieldset

/form

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

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

$.ajax({

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

type:'POST',

data:{username:username},

dataType:'json',

success:function(jsonData){

if (jsonData == null) {

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

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

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

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

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

}

},

error:function(jsonData){

}

});

});

如何編寫jquery插件用戶名驗證？

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

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

script

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

function(){

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

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

之后就是你需要的驗證的要求，

}

);

/script

網(wǎng)站欄目：jquery驗證用戶名,jquery驗證用戶名是否存在
本文地址：http://chinadenli.net/article45/dsgeeei.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供網(wǎng)站制作、品牌網(wǎng)站建設(shè)、手機網(wǎng)站建設(shè)、Google、小程序開發(fā)、網(wǎng)站維護

廣告

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