<html><head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>Login Page</title>
<script language="javascript" src="js/jquery-1.3.2.min.js"></script>
<script language="javascript" src="js/ui.core.js"></script>
<script language="javascript" src="js/ui.tabs.js"></script>
<script language="javascript" src="js/ui.dialog.js"></script>
<script language="javascript" src="js/jquery.validate.js"></script>
<script language="javascript" src="js/jquery.form.js"></script>
<link type="text/css" href="css/ui.core.css" rel="stylesheet" />
<link type="text/css" href="css/ui.tabs.css" rel="stylesheet" />
<link type="text/css" href="css/ui.dialog.css" rel="stylesheet" />
<link type="text/css" href="css/ui.theme.css" rel="stylesheet" />
<script language="javascript">
$(function(){
var loadImg = jQuery("<img src='images/loading.gif' alt='loading...' valign='center'/> 正在处理请求,请稍后...");
var loader = jQuery("<div id='loadingDialog' title='网站提示'></div>").appendTo("body")
.hide();
loader.html(loadImg);
$("#loadingDialog").dialog({
bgiframe: true,
autoOpen:false,
modal: true
});
var button = false;
$("span.ui-icon").remove();
var loginalert = jQuery("<div id='loginalert' title='登录提示'></div>").appendTo("body")
.hide();
jQuery().ajaxStart(function() {
loader.html(loadImg);
$("#loadingDialog").dialog('option','buttons',{});
$("#loadingDialog").dialog('open');
}).ajaxStop(function() {
if (button){
$("#loadingDialog").dialog('option','buttons',{
'确定':function(){
$(this).dialog('close');
}
});
}else{
$("#loadingDialog").dialog('close');
}
}).ajaxError(function(a, b, e) {
alert(a+"||"+e.url);
});
$("#form").validate({
submitHandler: function(form) {
jQuery(form).ajaxSubmit({
type:'POST',
success:function(msg){
if (msg=="success"){
window.location.href = "listAccounts.html";
}else if (msg=="failure"){
$("#loadingDialog").html("用户名或密码不正确");
button = true;
}
}
});
return false;
}
});
});
</script>
</head><body onload='document.f.j_username.focus();'>
<h3>Login with Username and Password</h3><form id="form" name='f' action='/DAJIAOYA/j_spring_security_check' method='POST'>
<table>
<tr><td>User:</td><td><input type='text' name='j_username' class='required' value=''></td></tr>
<tr><td>Password:</td><td><input type='password' name='j_password' class='required'/></td></tr>
<tr><td><input type='checkbox' name='_spring_security_remember_me'/></td><td>Remember me on this computer.</td></tr>
<tr><td colspan='2'><input name="submit" type="submit"/></td></tr>
<tr><td colspan='2'><input name="reset" type="reset"/></td></tr>
<tr><td colspan='2' id='result'></td></tr>
</table>
</form></body></html>
分享到:
相关推荐
Jquery和Asp netAJAX 异步通讯实例 京华志&精华志出品 希望大家互相学习,互相进步 支持CSDN 支持微软 主要包括C# ASP.NET SQLDBA 源码 毕业设计 开题报告 答辩PPT等
总结一下,这个AJAX异步提交实例展示了如何使用JavaScript创建一个简单的登录系统,利用AJAX技术实现无刷新的登录验证。用户输入账号和密码后,通过AJAX发送数据到服务器,服务器验证后返回结果,客户端根据返回结果...
【基于jsp+servlet+Ajax异步登陆模拟web项目】是一个典型的Web开发实例,它整合了三种核心技术:JavaServer Pages(JSP)、Servlet以及Asynchronous JavaScript and XML(Ajax)。这个项目的核心目的是实现用户登录...
在"coolite 登陆实例"中,我们可以深入理解EXTJS如何实现登录功能,这是一个常见的需求,尤其是在企业级Web应用中。 首先,`Login.aspx`是一个ASP.NET页面,它通常作为登录界面的前端展示。在这个文件中,EXTJS的...
总的来说,这个SSH的登陆注册实例是一个实践性的教学资源,可以帮助初学者深入理解SSH框架的集成使用,以及它们如何共同实现Web应用的核心功能。通过研究这个实例,开发者可以学习到如何处理HTTP请求,如何操作...
这个标题提到的"vb6用的xmlhttp模块"实际上是指使用VB6(Visual Basic 6)编程时,通过XMLHTTP组件进行GET和POST请求,以实现异步的数据提交和获取,避免程序卡死的情况。这种技术对于创建网络投票程序、信息采集...
在本实例中,“adajx_struts2登陆框”着重展示了如何利用Struts2框架与AJAX技术结合,创建一个动态、交互式的登录界面。 首先,我们需要理解Struts2的核心概念。Struts2框架通过Action类处理用户请求,并返回相应的...
在这个实例中,jQuery可能被用来处理页面上的事件,如点击登录按钮,以及与服务器进行异步通信。 Ext JS 则负责构建登录界面的UI组件,如输入框、按钮等。它的组件模型强大而灵活,允许开发者定制复杂的布局和样式...
CISCO路由器配置实例 本文档提供了CISCO路由器配置实例...* 远程异步登陆 Cisco 路由器 十九、安全认证 * 路由器内的安全认证 二十、Call Back 命令解析 * Call Back 命令解析 ...(有很多其他配置实例和知识点)
在实际开发中,你可能还需要考虑多线程以避免阻塞UI,或者使用异步I/O来提高响应速度。同时,为了提高代码的可复用性和可维护性,可以封装串口操作为一个单独的类,以便在其他地方重用。 这个QT串口登录实例展示了...
在这个例子中,jQuery将用于监听表单的提交事件,然后使用$.ajax方法发起异步请求。$.ajax方法接收多个参数,包括URL、数据类型、请求类型等,以定义如何与服务器通信。 PHP是一种服务器端脚本语言,用于处理后端...
接下来,"ajax分页查询+Div透明遮盖"实例展示了jQuery如何与Ajax技术结合进行异步数据请求。jQuery的`$.ajax()`函数简化了Ajax的使用,允许开发者轻松地发送HTTP请求,获取服务器端数据,实现页面的无刷新分页。同时...
前端验证是用JavaScript(这里使用jQuery)在用户提交表单前检查输入的有效性,避免无效请求发送到服务器。而后端验证则是在服务器端(这里是通过MySQL数据库)确认用户提供的凭证是否匹配。这涉及到数据库查询,...
总结起来,"Ajax无刷新登陆实例代码"是一个完整的解决方案,演示了如何利用Ajax、ASP和ACCESS数据库来构建一个无需页面刷新的登录系统,提升了用户体验。Prototype.js作为前端库,简化了JavaScript代码的编写,使得...
简而言之,XMLHttpRequest使您可以使用 JavaScript 向服务器提出请求并处理响应,而不阻塞用户。 通过在后台与服务器进行少量数据交换,AJAX 可以使网页实现异步更新。这意味着可以在不重新加载整个网页的情况下,对...
2. **编写JavaScript**:接着,我们需要用JavaScript监听表单的提交事件,并使用Ajax发送请求。这里我们使用jQuery库简化Ajax调用: ```javascript $(document).ready(function() { $('#loginForm').on('submit', ...
这个“ajax与jquery实现的简单验证实例”着重于如何利用这两种技术进行前端数据验证,提高用户体验,减少不必要的服务器交互。在这个实例中,我们将探讨Ajax的核心概念,jQuery库的优势,以及它们如何结合实现表单...
在这个实例中,开发者使用myEclipse来创建和管理项目。 8. **Hibernate ORM框架**:Hibernate 3.2是一个流行的Java对象关系映射(ORM)工具,它允许开发者用面向对象的方式操作数据库。在这个实例中,Hibernate可能...
Ajax入门的验证实例是针对初学者的一个典型应用,它展示了如何使用Asp.Net 2003和SQL 2000实现异步JavaScript(Ajax)来验证数据库中用户名是否已存在。Ajax技术允许在不刷新整个网页的情况下,与服务器进行数据交互...
这个"AJAX一个验证实例"是一个基础教程,旨在帮助初学者了解如何使用AJAX进行用户登录验证。在这个实例中,我们将探讨以下几个关键知识点: 1. **XMLHttpRequest对象**:这是AJAX的核心,用于在后台与服务器通信。...