前端代码:login.aspx
<%@ Page Language="C#" AutoEventWireup="true" CodeFile="Login.aspx.cs" Inherits="Login" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" >
<head runat="server">
<title>Login Page</title>
<script src="jQuery.js" type="text/javascript"></script>
<script language="javascript" type="text/javascript">
$(document).ready(function(){
$("#btnLogin").click(function(){
Login();
});
});
function Login(){
if(Check())
{
LoginSuccess();
}
}
function Check(){
if($("#txtUser").val()=="")
{
alert("The user isn't empty");
$("#txtUser").focus();
return false;
}
if($("#txtPassword").val()=="")
{
alert("The Password isn't empty")
$("#txtPassword").focus();
return false;
}
return true;
}
function LoginSuccess(){
$.ajax({
type:"POST",
url:"CheckLogin.aspx",
data:{userName:$("#txtUser").val(),userPwd:$("#txtPassword").val()},
beforeSend:function(){$("#msg").html("logining");},
success:function(data){
$("#msg").html(decodeURI(data));
}
});
}
</script>
</head>
<body>
<form id="form1" runat="server">
<div style="margin-left:32px;">
<a>User:</a><input id="txtUser" type="text" />
</div>
<div>
<a>Password:</a><input id="txtPassword" type="text" />
</div>
<div id="msg"></div>
<div>
<input id="btnLogin" type="button" value="Login" /></div>
</form>
</body>
</html>
后台代码 :
using System;
using System.Data;
using System.Configuration;
using System.Collections;
using System.Web;
using System.Web.Security;
using System.Web.UI;
using System.Web.UI.WebControls;
using System.Web.UI.WebControls.WebParts;
using System.Web.UI.HtmlControls;
public partial class checkLogin : System.Web.UI.Page
{
protected void Page_Load(object sender, EventArgs e)
{
if (!IsPostBack)
{
string retVal = "";
string userName = Request["userName"];
string userPwd = Request["userPwd"];
if (userName == "ike" && userPwd == "123")
{
retVal = "Login is success";
}
else
{
retVal = "Login is false";
}
Response.Write(retVal);
}
}
}
分享到：
相关推荐
Jquery登陆验证,含问题验证，拖动验证，适用于网页效果
在JavaScript和jQuery的世界里，开发一个用户界面时，登录验证是不可或缺的一部分，它确保了用户输入的数据质量和安全性。本资源提供了一个自用的js登录验证工具，特别针对邮箱、电话、QQ、用户名等多种数据格式进行...
在登录验证中，jQuery可以帮助我们优雅地处理用户输入和异步通信。 - 使用`$.ajax()`函数发起POST请求，将用户名和密码发送到服务器。例如： ```javascript $.ajax({ url: 'verify.php', type: 'POST', data: ...
这篇教程“php+ajax+jquery打造登陆验证”旨在教你如何利用这些技术实现无刷新的登录验证，提升用户体验。以下是对这些技术及其在登录验证中的应用进行的详细解释。 首先，PHP（Hypertext Preprocessor）是一种...
而jQuery Validation Plugin是jQuery的一个扩展，它为网页表单提供了强大的验证功能，可以方便地实现各种自定义验证规则，提高用户体验。 这个验证框架的主要特点包括： 1. **易于使用**：只需要在表单元素上添加...
在这个“Jquery各种小功能文本框验证，弹出日期牌等”主题中，我们将深入探讨jQuery如何用于实现文本框的验证以及弹出日期选择器（日历牌）的功能。 一、文本框验证 1. 自动验证：jQuery配合Validform_v4.0插件...
而`jquery.validate`是jQuery的一个插件，专门用于实现客户端的表单验证，它可以提供用户友好的验证提示，提高用户体验，同时减轻服务器端的压力。 `jQuery.validate`插件允许开发者定义各种验证规则，如必填字段、...
在当今互联网时代，用户账户的安全性至关重要，而登录验证是保障用户信息安全的第一道防线。其中，滑块拖动验证作为一种直观且用户体验良好的验证方式，被广泛应用于各类网站，包括阿里云在内的诸多知名平台。本篇...
在注册、登录、购物车等场景中，jQuery表单验证插件都能发挥重要作用，确保用户数据的有效性和安全性。例如，验证邮箱格式、手机号码、密码强度等。 ### 六、总结 jQuery表单验证插件通过提供便捷的API和丰富的...
在这个示例中，`jQuery`用于实现客户端验证，这可以即时反馈给用户输入是否合法，提高用户体验。 1. **表单设计**：注册表单通常包括用户名、密码、邮箱、手机号等字段，以及一个验证码输入框。表单元素需有相应的...
此外，jQuery还提供了`.validate()`方法，这是用于表单验证的核心功能。 在“百度注册页面”这样的场景中，表单验证通常包括以下几个方面： 1. 非空验证：确保用户已填写所有必填字段。这可以通过检查`.val().trim...
下面我们将详细探讨jQuery AJAX以及如何实现无刷验证。 1. **jQuery AJAX 基础**： jQuery 的 AJAX 方法提供了一种简单的方式来创建异步HTTP请求。主要的方法有 `$.ajax()`、`$.get()`、`$.post()` 和 `$.getJSON...
《jQuery用户登录拼图滑块验证模板》是一个用于网站登录页面的安全验证机制，它基于jQuery 1.10.2库实现，旨在增强用户账户的安全性，防止恶意自动化的机器人或者脚本尝试登录。该模板设计的核心是通过一个互动的...
**jQuery实现登录验证小工程详解** 在Web开发中，用户登录验证是不可或缺的一部分，它确保了用户输入的有效性，防止了非法数据的提交，增强了系统的安全性。本项目以jQuery为核心，实现了基本的登录验证功能，旨在...
**jQuery表单验证类**是JavaScript库jQuery中的一个重要应用，主要用于增强网页表单的数据验证功能。这个类使得开发者能够方便地实现对用户输入的实时验证，确保数据的准确性和完整性，提升用户体验。在Web开发中，...
总的来说，这个项目展示了如何将jQuery的便利性、Ajax的无刷新交互以及thinkPHP的后端处理能力结合起来，实现高效且用户友好的登录注册验证系统。开发者通过这种方式可以提升Web应用的用户体验，同时也能保证数据的...
在前端验证的上下文中，它可能用于存储用户注册或登录的信息，但其具体用途需要进一步分析文件内容才能确定。 总的来说，前端验证是Web开发中不可或缺的一部分，通过JavaScript和jQuery，我们可以创建高效且用户...
这种方式不依赖于正则表达式、AJAX或其他前端验证框架，而是通过编写纯JavaScript函数，利用jQuery的DOM操作进行验证。 #### 3. 验证流程 注册验证主要分为以下几个步骤： - **收集用户输入的数据：** 在提交表单...
总之，jQuery提供了强大的工具来简化表单验证的实现，通过结合DOM操作、事件处理和正则表达式，我们可以创建出功能完善、用户体验良好的用户注册表单。这个小项目可以帮助你深入理解这些概念，并实践在实际项目中。
8. **异步验证**：对于某些需要服务器验证的场景，可以利用`jQuery`的`ajax`方法，异步发送请求验证用户输入，例如验证用户名是否已存在。 9. **错误恢复**：当用户纠正了错误后，需要清除错误状态，`jQuery`可以...