jQuery開(kāi)發(fā)登錄注冊(cè)頁(yè)面，要有驗(yàn)證

jQuery開(kāi)發(fā)登錄注冊(cè)頁(yè)面，無(wú)非就是獲取用戶提交的表單，用jquery表單值進(jìn)行正則匹配，如果匹配成功則用ajax提交數(shù)據(jù)給后臺(tái)處理存入數(shù)據(jù)庫(kù)。若正則不匹配則提示錯(cuò)誤，禁止提交。

大慶網(wǎng)站建設(shè)公司創(chuàng)新互聯(lián),大慶網(wǎng)站設(shè)計(jì)制作，有大型網(wǎng)站制作公司豐富經(jīng)驗(yàn)。已為大慶成百上千家提供企業(yè)網(wǎng)站建設(shè)服務(wù)。企業(yè)網(wǎng)站搭建\外貿(mào)網(wǎng)站建設(shè)要多少錢(qián)，請(qǐng)找那個(gè)售后服務(wù)好的大慶做網(wǎng)站的公司定做！

利用 jquery ajax做一個(gè)用戶登錄界面

a頁(yè)面關(guān)鍵JS代碼：

function che(username,pwd){

$.ajax({

url:"b.aspx",

type:"POST",

data:{user:username,pwd:pwd},

dataType:"XML",

success: function (data,status){

var count=$(data).find("num").text();

if(count==0){ //沒(méi)有注冊(cè)

$("#lab2").html("未注冊(cè)，不能登錄");

}

else{ //已經(jīng)注冊(cè)

$("#lab2").html("可以登錄");

……

} //else

} //success

}); //ajax

}

b頁(yè)面中要返回xml數(shù)據(jù)，拼字符串就可以

string user = Request["user"].ToString(); //獲取用戶名

string pwd = Request["pwd"].ToString(); //獲取密碼

count=根據(jù)用戶名和密碼查詢出來(lái)的記錄數(shù)

//sql語(yǔ)句：select count(*) from login where username=user and password=pwd

string str = "?xml version='1.0' ?";

str += "num" + count + "/num";

Response.Write(str);

Response.End();

如何用jQuery技術(shù)實(shí)現(xiàn)一個(gè)登錄模塊？

div class="wrapper"

pspan用戶名：/spaninput type="" name="" id="user" value="" //p

pspan密碼：/spaninput type="password" name="" id="password" value="" //p

pbutton onclick="fn()"登錄/button/p

/div

script type="text/javascript"

function fn(){

var user = $("#user").val()

var Password = $("#password").val()

if(user Password){

//向后臺(tái)發(fā)送處理數(shù)據(jù)

$.ajax({

type: "POST", //用POST方式傳輸

dataType: "text", //數(shù)據(jù)格式:JSON

url: 'Login.ashx', //目標(biāo)地址

data: "user=" + user + "Password=" + Password, //用戶名和密碼傳給后臺(tái)

error: function (XMLHttpRequest, textStatus, errorThrown) { },

success: function (msg){

if(msg.flag == '0'){

alert("登錄成功")

}else{

alert("登錄失敗")

}

}

});

}else{

alert("用戶名或密碼不能為空")

return

}

}

/script