jquery教程

推荐列表 站点导航

当前位置:首页 > jquery > jquery教程 >

jquery与ajax实现用户登录

来源:网络整理  作者:  发布时间:2020-12-22 10:48
使用jquery与ajax实现用户登录与验证,现在是越来越常用了,异步登录,异步检测,使用户在一个页面上即可完成原来...
var reg = /^\d{9}$/;
<td><input class="textbox" type="text" style="width:160px;" id="txtUserName"
pUserName.Value = context.Request.Form["UserName"];
}
if(checkUserName() && checkUserPwd() && checkCheckCode())
{
</script>

window.parent.window.jBox.close();
string checkCode = "";
</tr>
<td><input type="image" src=http://www.dismall.com/thread-957-1-1.html/a_12264/"App_Themes/Images/btn_login.jpg" id="btnLogin"
{
}

4、Login.ashx代码:
$("#btnLogin").click(function(){
}
if($("#txtUserName").val().length == 0)
if (context.Session["checkCode"] != null)
return false;

1、主程序部分代码:

if($('#txtUserPwd').val().length == 0)
<td><input class="textbox" type="text" style="width:160px;" maxlength="5"
UserPwd: $('#txtUserPwd').val(),
jBox.open('iframe-jBoxID','iframe','Login.aspx','用户登录
}
</td>
{
return true;
</form>

验证码错误");
{
{
checkCode = Convert.ToString(context.Session["checkCode"]).ToLower();
pUserPwd.Value = Common.MD5(context.Request.Form["UserPwd"]);

<script language="javascript" type="text/javascript" >
<tr>
</table>
}
$('#txtUserPwd').next("span").css("color","red").text("");

复制代码 代码示例:

{
SqlDbType.VarChar, 150);
return false;
<td><div style="color:#808080;">输入下图中的字符,不区分大小写</div><br />
checkCheckCode();
<td><input class="textbox" type="password" style="width:160px;" id="txtUserPwd"
SqlConnection(SqlHelper.StudentConnectionString))
var data = {
{
$('#txtCheckCode').next("span").css("color","red").text("*验证码不为空");
using System.Collections;
<td width="60"></td>
context.Session["StuName"] =
<td width="60">验证码:</td>
// 验证码更新
SqlParameter pUserName = cmd.Parameters.Add("@UserName",
return true;
//关键的代码
}
context.Session["UserID"] = Convert.ToString(sdr["ID"]);
<tr>
context.Response.ContentType = "text/plain";
context.Response.Write("2"); // 验证码错误

jquery ajax 用户登录与验证。

</tr>
public void ProcessRequest(HttpContext context)
if (sdr.Read())
$('#txtUserName').next("span").css("color","red").text("*正确的格式
</script>

//check the pwd
<tr>
return false;

2、Login.aspx代码:
onblur="checkUserPwd()" onclick="$.trim(this.value)" /><span></span>
{
alert("登录失败!请重试");
如:030602888");
alt="马上登录" style="border:0;"/></td>
CheckCode: $('#txtCheckCode').val()
// 关闭模拟窗口
}
{
{
//提交数据给Login.ashx页面处理
else
}

3、jQuery代码:
</tr>
return true;
$.post("Ajax/Login.ashx",data,function(result){
{
}
$('#change_image').click(
}

复制代码 代码示例:

{
{
checkUserPwd();
}
t_stuUser where stuNumber=@UserName and userPassword=@UserPwd";
<a href="#" id="change_image">看不清,换一张</a></td>
else
});

cmd.ExecuteReader(CommandBehavior.CloseConnection);
function(){
if(result == "1") //登录成功
{
{
}
SqlCommand cmd = new SqlCommand(sql, conn);
function(){
using (SqlConnection conn = new
</tr>
}
</tr>
else
get
}
$("#txtUserName").next("span").css("color","red").text("");
public class Login : IHttpHandler,IRequiresSessionState
}
else
else if(result == "2") //验证码错误
{
using System.Linq;
return false;
 

};
});
[WebService(Namespace = "")]
string sql = "select ID,stuNumber,userPassword,realName from
{
using System.Data;
conn.Open();

using System;
} );
 

{
using System.Data.SqlClient;
return false;
context.Response.Write("0"); //登录失败,用户名或密码错误
function checkCheckCode()
alert("登录成功!您可以进行其他操作了!");
}

}
}

<asp:HyperLink ID="lnkLogin" runat="server" NavigateUrl="#" >登录</asp:HyperLink>

//check the userName
id="txtCheckCode" onblur="checkCheckCode()" onclick="$.trim(this.value)"/><span>
context.Response.Write("1"); // 登录成功
using System.Xml.Linq;
using System.Web.Services;
</span>
$('#txtCheckCode').next("span").css("color","red").text("*
});

<form id="form1" onsubmit="return false;">
{
using System.Web;
$('#imgCheckCode').attr('src','CheckCode.aspx?'+Math.random());
<tr>
}

复制代码 代码示例:

using System.Web.SessionState; //支持session必须的引用

<tr>
SqlParameter pUserPwd = cmd.Parameters.Add("@UserPwd",
}
else
 

});
}
<td width="60"></td>
using System.Web.Services.Protocols;
context.Session["StuNumber"] =
if(!reg.test($('#txtUserName').val()))
{
{
{

public bool IsReusable

复制代码 代码示例:

SqlDbType.VarChar, 30);
{
','width=400,height=250,center=true,draggable=true,model=true');
}
</td>
maxlength="9" onblur="checkUserName()" onclick="$.trim(this.value)"/><span></span>
{
}
$(document).ready(function(){
<td width="60">学号:</td>
UserName: $('#txtUserName').val(),
<td width="60">密码:</td>
if($('#txtCheckCode').val().length == 0)
if (context.Request.Form["CheckCode"].ToLower() == checkCode)
Convert.ToString(sdr["stuNumber"]);
$("#txtUserName").next("span").css("color","red").text("*用户名不为空");

namespace Website.Ajax
}
<img src=http://www.dismall.com/thread-957-1-1.html/a_12264/"CheckCode.aspx" style="vertical-align:middle;" alt="验证码" id="imgCheckCode" />
<table id="login-table">
else
Convert.ToString(sdr["realName"]);
$('#txtUserPwd').next("span").css("color","red").text("*密码不为空");
{
$('#txtCheckCode').next("span").css("color","red").text("");
SqlDataReader sdr =
// check the check code
 

}
$('#<%=this.lnkLogin.ClientID %>').click(
<script language="javascript" type="text/javascript">
function checkUserPwd()
[WebServiceBinding(ConformsTo = WsiProfiles.BasicProfile1_1)]
else
}

else
{
{
checkUserName();
</td>
}
function checkUserName()

相关热词:

本站内容来源于网络,如有侵权请与我们联系,我们会及时删除,我们深感抱歉!
注:本站所有信息仅供用于网络技术学习参考,学习中请遵循相关法律法规!

本文地址: https://v30.fanwenzhu.com/jq/jc/7090.shtml

相关文章
最新文章
PHP识别相片是否是颠倒的 PHP识别相片是否是颠倒的

时间:2020-12-28

python编程有哪些ide python编程有哪些ide

时间:2020-12-28

python开发工程师是做什么 python开发工程师是做什么

时间:2020-12-28

php构造函数的作用 php构造函数的作用

时间:2020-12-28

php怎么跟数据库连接 php怎么跟数据库连接

时间:2020-12-28

php实现顺序线性表 php实现顺序线性表

时间:2020-12-28

Python多重继承中的菱形继 Python多重继承中的菱形继

时间:2020-12-28

php中break的作用 php中break的作用

时间:2020-12-28

Copyright © www.juheyunku.com      关于 | 合作 | 声明 | 联系 | 更新 | 地图 | Tags

jquery与ajax实现用户登录

2020-12-22 编辑:

var reg = /^\d{9}$/;
<td><input class="textbox" type="text" style="width:160px;" id="txtUserName"
pUserName.Value = context.Request.Form["UserName"];
}
if(checkUserName() && checkUserPwd() && checkCheckCode())
{
</script>

window.parent.window.jBox.close();
string checkCode = "";
</tr>
<td><input type="image" src=http://www.dismall.com/thread-957-1-1.html/a_12264/"App_Themes/Images/btn_login.jpg" id="btnLogin"
{
}

4、Login.ashx代码:
$("#btnLogin").click(function(){
}
if($("#txtUserName").val().length == 0)
if (context.Session["checkCode"] != null)
return false;

1、主程序部分代码:

if($('#txtUserPwd').val().length == 0)
<td><input class="textbox" type="text" style="width:160px;" maxlength="5"
UserPwd: $('#txtUserPwd').val(),
jBox.open('iframe-jBoxID','iframe','Login.aspx','用户登录
}
</td>
{
return true;
</form>

验证码错误");
{
{
checkCode = Convert.ToString(context.Session["checkCode"]).ToLower();
pUserPwd.Value = Common.MD5(context.Request.Form["UserPwd"]);

<script language="javascript" type="text/javascript" >
<tr>
</table>
}
$('#txtUserPwd').next("span").css("color","red").text("");

复制代码 代码示例:

{
SqlDbType.VarChar, 150);
return false;
<td><div style="color:#808080;">输入下图中的字符,不区分大小写</div><br />
checkCheckCode();
<td><input class="textbox" type="password" style="width:160px;" id="txtUserPwd"
SqlConnection(SqlHelper.StudentConnectionString))
var data = {
{
$('#txtCheckCode').next("span").css("color","red").text("*验证码不为空");
using System.Collections;
<td width="60"></td>
context.Session["StuName"] =
<td width="60">验证码:</td>
// 验证码更新
SqlParameter pUserName = cmd.Parameters.Add("@UserName",
return true;
//关键的代码
}
context.Session["UserID"] = Convert.ToString(sdr["ID"]);
<tr>
context.Response.ContentType = "text/plain";
context.Response.Write("2"); // 验证码错误

jquery ajax 用户登录与验证。

</tr>
public void ProcessRequest(HttpContext context)
if (sdr.Read())
$('#txtUserName').next("span").css("color","red").text("*正确的格式
</script>

//check the pwd
<tr>
return false;

2、Login.aspx代码:
onblur="checkUserPwd()" onclick="$.trim(this.value)" /><span></span>
{
alert("登录失败!请重试");
如:030602888");
alt="马上登录" style="border:0;"/></td>
CheckCode: $('#txtCheckCode').val()
// 关闭模拟窗口
}
{
{
//提交数据给Login.ashx页面处理
else
}

3、jQuery代码:
</tr>
return true;
$.post("Ajax/Login.ashx",data,function(result){
{
}
$('#change_image').click(
}

复制代码 代码示例:

{
{
checkUserPwd();
}
t_stuUser where stuNumber=@UserName and userPassword=@UserPwd";
<a href="#" id="change_image">看不清,换一张</a></td>
else
});

cmd.ExecuteReader(CommandBehavior.CloseConnection);
function(){
if(result == "1") //登录成功
{
{
}
SqlCommand cmd = new SqlCommand(sql, conn);
function(){
using (SqlConnection conn = new
</tr>
}
</tr>
else
get
}
$("#txtUserName").next("span").css("color","red").text("");
public class Login : IHttpHandler,IRequiresSessionState
}
else
else if(result == "2") //验证码错误
{
using System.Linq;
return false;
 

};
});
[WebService(Namespace = "")]
string sql = "select ID,stuNumber,userPassword,realName from
{
using System.Data;
conn.Open();

using System;
} );
 

{
using System.Data.SqlClient;
return false;
context.Response.Write("0"); //登录失败,用户名或密码错误
function checkCheckCode()
alert("登录成功!您可以进行其他操作了!");
}

}
}

<asp:HyperLink ID="lnkLogin" runat="server" NavigateUrl="#" >登录</asp:HyperLink>

//check the userName
id="txtCheckCode" onblur="checkCheckCode()" onclick="$.trim(this.value)"/><span>
context.Response.Write("1"); // 登录成功
using System.Xml.Linq;
using System.Web.Services;
</span>
$('#txtCheckCode').next("span").css("color","red").text("*
});

<form id="form1" onsubmit="return false;">
{
using System.Web;
$('#imgCheckCode').attr('src','CheckCode.aspx?'+Math.random());
<tr>
}

复制代码 代码示例:

using System.Web.SessionState; //支持session必须的引用

<tr>
SqlParameter pUserPwd = cmd.Parameters.Add("@UserPwd",
}
else
 

});
}
<td width="60"></td>
using System.Web.Services.Protocols;
context.Session["StuNumber"] =
if(!reg.test($('#txtUserName').val()))
{
{
{

public bool IsReusable

复制代码 代码示例:

SqlDbType.VarChar, 30);
{
','width=400,height=250,center=true,draggable=true,model=true');
}
</td>
maxlength="9" onblur="checkUserName()" onclick="$.trim(this.value)"/><span></span>
{
}
$(document).ready(function(){
<td width="60">学号:</td>
UserName: $('#txtUserName').val(),
<td width="60">密码:</td>
if($('#txtCheckCode').val().length == 0)
if (context.Request.Form["CheckCode"].ToLower() == checkCode)
Convert.ToString(sdr["stuNumber"]);
$("#txtUserName").next("span").css("color","red").text("*用户名不为空");

namespace Website.Ajax
}
<img src=http://www.dismall.com/thread-957-1-1.html/a_12264/"CheckCode.aspx" style="vertical-align:middle;" alt="验证码" id="imgCheckCode" />
<table id="login-table">
else
Convert.ToString(sdr["realName"]);
$('#txtUserPwd').next("span").css("color","red").text("*密码不为空");
{
$('#txtCheckCode').next("span").css("color","red").text("");
SqlDataReader sdr =
// check the check code
 

}
$('#<%=this.lnkLogin.ClientID %>').click(
<script language="javascript" type="text/javascript">
function checkUserPwd()
[WebServiceBinding(ConformsTo = WsiProfiles.BasicProfile1_1)]
else
}

else
{
{
checkUserName();
</td>
}
function checkUserName()

本站内容来源于网络,如有侵权请与我们联系,我们会及时删除,我们深感抱歉!
注:本站所有信息仅供学习参考!
本文地址为 https://v30.fanwenzhu.com/jq/jc/7090.shtml

相关文章

风云图片

推荐阅读

返回jquery教程频道首页