jQuery开发登录注册页面,无非就是获取用户提交的表单,用jquery表单值进行正则匹配,如果匹配成功则用ajax提交数据给后台处理存入数据库。若正则不匹配则提示错误,禁止提交。
大庆网站建设公司创新互联,大庆网站设计制作,有大型网站制作公司丰富经验。已为大庆成百上千家提供企业网站建设服务。企业网站搭建\外贸网站建设要多少钱,请找那个售后服务好的大庆做网站的公司定做!
a页面关键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){ //没有注册
$("#lab2").html("未注册,不能登录");
}
else{ //已经注册
$("#lab2").html("可以登录");
……
} //else
} //success
}); //ajax
}
b页面中要返回xml数据,拼字符串就可以
string user = Request["user"].ToString(); //获取用户名
string pwd = Request["pwd"].ToString(); //获取密码
count=根据用户名和密码查询出来的记录数
//sql语句: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();
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){
//向后台发送处理数据
$.ajax({
type: "POST", //用POST方式传输
dataType: "text", //数据格式:JSON
url: 'Login.ashx', //目标地址
data: "user=" + user + "Password=" + Password, //用户名和密码传给后台
error: function (XMLHttpRequest, textStatus, errorThrown) { },
success: function (msg){
if(msg.flag == '0'){
alert("登录成功")
}else{
alert("登录失败")
}
}
});
}else{
alert("用户名或密码不能为空")
return
}
}
/script
售后响应及时
7×24小时客服热线数据备份
更安全、更高效、更稳定价格公道精准
项目经理精准报价不弄虚作假合作无风险
重合同讲信誉,无效全额退款