登录用异步(实例)

fortaotao · 发表于 2013-1-29 07:32:36

<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>

		自动登录	找回密码
密码			立即注册

登录用异步(实例)

浏览过的版块