我写的一个登录框

<%@ page language="java" contentType="text/html; charset=utf-8" pageEncoding="utf-8"%>

<%@ include file="/common/taglibs.jsp" %>

<%

String url=request.getParameter("url");

request.setAttribute("nsLogin",request.getParameter("nsLogin"));

%>

<style type="text/css">

.bodybg { position:fixed; top:0; left:0; z-index:20; width:100%; height:100%; background:#000; filter:alpha(opacity=40); opacity:0.4; }

.loginBox { position:fixed; width:760px; height:350px; padding:1px; background:#fff; border-radius:10px; left:50%; top:50%; margin-left:-380px; margin-top:-184px; font-size:14px; z-index:30;}

.logincont { padding-left:415px; padding-top:30px; background:url(${portalLoginUrl}/sportal/skins/loginImages/loginbg.jpg) no-repeat; height:285px;}

.loginBox td { padding:10px 0;}

.loginBox .action { padding:7px 0;}

.loginBox h4 { height:33px; line-height:33px; background:#c0e5ff; padding-left:17px; font-size:15px; color:#2779b3; border-top-left-radius:10px;border-top-right-radius:10px; font-family:"Microsoft YaHei";}

.all-input { color:#a5a5a5; height:34px; line-height:34px; background:url(${portalLoginUrl}/sportal/skins/loginImages/mayicon.gif) repeat-x 0 -128px; border:1px solid #cacaca; padding:0 5px 0 10px; width:275px;}

.all-input2 { width:155px;}

.sub { width:294px; height:36px; background:url(${portalLoginUrl}/sportal/skins/loginImages/btn.jpg) no-repeat; border:0 none; cursor:pointer;}

.loginBox .forget { width:290px; text-align:right;}

.loginBox .closed { position:absolute; width:20px; height:20px; background:url(${portalLoginUrl}/sportal/skins/loginImages/closed.jpg) no-repeat; cursor:pointer; right:10px; top:10px;}

</style>

<script src="${root}/common/js/jquery.cookie.js" type="text/javascript"></script>

<script type="text/javascript">

var i=0;

var j=0;

var isLogining = false;

var isAnzhuang=false;

function chkSubmit(frm,ismanager) {

if(isLogining){

return false;

}

if(frm.loginName.value.length!=0&&frm.password.value.length!=0&&frm.rand.value.length!=0){

i=1;

j=1;

}

if (frm.loginName.value=="手机号/邮箱") {

    $("#errorType").html("用户名不允许为空!");

   

    frm.loginName.focus();

    return false;

   }

else{

if(i==0){

if(frm.password.value=="登录密码"){

frm.password.focus();

$("#errorType").html("密码不允许为空!");

}

i++;

return false;

}

}

   if (frm.password.value=="登录密码") {

    $("#errorType").html("密码不允许为空!");

    frm.password.focus();

    return false;

   }

   else{

       if(frm.rand.value=="验证码"){

        $("#errorType").html("请输入图形验证码!");

    frm.rand.focus();

       }

    if(j==0){

j++;

return false;

}

   }

   if (frm.rand.value=="验证码") {

$("#errorType").html("请输入图形验证码!");

frm.rand.focus();

return false;

}

   saveUser();

   if (!isAnzhuang) {

    var params=$("#loginFrm").serialize();

    $.ajax({

  type: "POST",

  url: '${root}/login/Login/validateUser.jspx?date='+new Date().getTime(),

  data:params,

  success: function(msg){

  if (msg=="success"){

   $(".x_zhezhaoceng").show(); 

  $(".x_tanchu").show();

  $("#errorType").html(" ");

  return false;

  }else if (msg=="ImageChkFailed"){

 $("#errorType").html("验证码错误！");

 frm.rand.focus();

 return false;

  }else if (msg=="UserInactive"){

 $("#errorType").html("用户名或密码错误！");

  frm.loginName.focus();

 return false;

  }else if (msg=="UserInactiveStatus"){

 $("#errorType").html("账号已被锁定！");

 frm.loginName.focus();

 return false;  

  }else {

  return false;

  }

  }

}); 

   

   } else {

   

    //$('#loginBtn').html('登录中...');

    //document.getElementById('loginBtn').disabled="disabled";

    //document.getElementById('loginBtn').style.cursor="default";

isLogining=true;

var params=$("#loginFrm").serialize();

    $.ajax({

  type: "POST",

  url: '${root}/login/Login/validateUser.jspx?date='+new Date().getTime(),

  data:params,

  success: function(msg){

 

  if (msg=="success"){

 document.frm.submit();

  }else if (msg=="ImageChkFailed"){

 $("#errorType").html("验证码错误！");

 frm.rand.focus();

$('#loginBtn').html('登录');

      //document.getElementById('loginBtn').disabled="";

      //document.getElementById('loginBtn').style.cursor="print";

      isLogining=false;

 return false;

  }else if (msg=="UserInactive"){

 $("#errorType").html("用户名或密码错误！");

 frm.loginName.focus();

$('#loginBtn').html('登录');

      document.getElementById('loginBtn').disabled="";

      document.getElementById('loginBtn').style.cursor="print";

      isLogining=false;

return false;

  }else if (msg=="UserInactiveStatus"){

 $("#errorType").html("账号已被锁定！");

 frm.loginName.focus();

$('#loginBtn').html('登录');

      //document.getElementById('loginBtn').disabled="";

      //document.getElementById('loginBtn').style.cursor="print";

      isLogining=false;

return false;  

  }

  }

}); 

   }

}

//保存用户信息

function saveUserInfo() {

if(document.getElementById("nolonger").checked){

       $.cookie("nolonger", "true", { expires: 7 }); // 存储一个带7天期限的 cookie

       isAnzhuang=true;

   }

   else {

       $.cookie("nolonger", "false", { expires: -1 });

       isAnzhuang=false;

   }

document.getElementById('x_btn').disabled="disabled";

$('#loginBtn').html('登录中...');

document.getElementById('loginBtn').disabled="disabled";

document.getElementById('loginBtn').style.cursor="default";

isLogining=true;

document.frm.submit();

}

function enter(frm,evt) {

var k=window.event?evt.keyCode:evt.which;

if (k==13) {

chkSubmit(frm); 

}

}

function enter(evt) {

var k=window.event?evt.keyCode:evt.which;

if (k==13) {

luceneSearch();

}

} 

function change_authimage()

{

document.getElementById('authimage').src="${root}/common/authimage/authimage.gif?r="+Math.random();

}

function selectName(){

document.getElementById("loginName").focus();

}

//初始化页面时验证是否记住了不在提醒

function readercookie(){

   if ($.cookie("nolonger") == "true" || '${nsLogin}' == 'true') {

    isAnzhuang=true;

   }else {

    isAnzhuang=false;

   }

   if ($.cookie("rememberLm") == "true") {

       $("#rememberLm").attr("checked", true);

       $("#loginName").val($.cookie("loginName"));

   }

   if ($.cookie("rememberPwd") == "true") {

       $("#rememberPwd").attr("checked", true);

       $("#password").val($.cookie("password"));

   }

    }

$(document).ready(function(){

readercookie();

});

//保存用户信息

function saveUser() {

if(document.getElementById("rememberLm").checked){

       var userName = $("#loginName").val();

       $.cookie("rememberLm", "true", { expires: 7 }); // 存储一个带7天期限的 cookie

       $.cookie("loginName", userName, { expires: 7 }); // 存储一个带7天期限的 cookie

   } else {

       $.cookie("rememberLm", "false", { expires: -1 });

       $.cookie("loginName", '', { expires: -1 });

   }

if(document.getElementById("rememberPwd").checked){

var passWord = $("#password").val();

       $.cookie("rememberPwd", "true", { expires: 7 }); // 存储一个带7天期限的 cookie

       $.cookie("password", passWord, { expires: 7 }); // 存储一个带7天期限的 cookie

       

   } else {

       $.cookie("rememberPwd", "false", { expires: -1 });

       $.cookie("password", '', { expires: -1 });

   }

}

function checkBoxClick(checkBoxId){

var check=document.getElementById(checkBoxId);

if (check.checked){

check.checked=false;

}else

{

check.checked=true;

}

}

</script>

<div class="bodybg"></div>

<s:form action="Login/login.jspx" method="post" namespace="/login" name="frm" id="loginFrm" target="loginIframe" >

<input type="hidden" name="url" value="<%=url%>"/>

<input type="hidden" name="imagechk" value="true"/>

<input type="hidden" name="nsLogin" value="true"/>

<div class="loginBox">

<h4>35空间用户登录</h4>

    <span class="closed"></span>

    <div class="logincont">

    <table>

    <tbody>

        <tr>

            <td colspan="2"><input type="text" onkeyup="enter(this.form,event)" tabindex="1" name="loginName" id="loginName" class="all-input" value="手机号/邮箱" onfocus="if(this.value==this.defaultValue){this.value='';}; this.style.color='black';" onblur="if(this.value==''){this.value=this.defaultValue;}; this.style.color='#A4A4A4'" /></td>

               

            </tr>

            <tr>

            <td colspan="2"><input type="password" class="all-input" value="登录密码" name="password" id="password" onkeypress="enter(this.form,event)" tabindex="2"   onfocus="if(this.value==this.defaultValue){this.value='';}; this.style.color='black';" onblur="if(this.value==''){this.value=this.defaultValue;}; this.style.color='#A4A4A4'" /></td>

            </tr>

            <tr>

            <td  style="padding-buttom:5px;"><input type="text" name="rand" onkeypress="enter(this.form,event)"  tabindex="3" class="all-input all-input2" value="验证码"  onfocus="if(this.value==this.defaultValue){this.value='';}; this.style.color='black';" onblur="if(this.value==''){this.value=this.defaultValue;}; this.style.color='#A4A4A4'" /></td>

                <td ><img src="${root}/common/authimage/authimage.gif" id="authimage" name="authimage" alt="" style="float:left;margin-top:8px; margin-left:8px;" /> <a href="#" onclick="change_authimage();" style="float:left; margin-top:15px;">  换一张</a></td>

            </tr>

            <tr>

            <td  style="padding-top:2px;padding-buttom:5px;" class="action"><span style="margin-top:0px;float:left;"> <input  type="checkbox"  id="rememberLm"  value="" /></span><div style="float:left;margin-top: -4px;*margin-top:0px;margin-left:10px;cursor:pointer;" onclick="checkBoxClick('rememberLm')">记住用户名</div></td><td  style="padding-top:2px;padding-buttom:5px;" class="action"> <span style="float:left;"><input type="checkbox" id="rememberPwd" value=""  /></span><div style="float:left;margin-top: -4px;*margin-top:0px;margin-left:10px;cursor:pointer;" onclick="checkBoxClick('rememberPwd')">记住密码</div></td>

            </tr>

            

            <tr>

            <td colspan="2" class="action"><input type="button" onclick="chkSubmit(document.forms[0],'2')" id="loginBtn"  class="sub" value="" /></td>

            </tr>

            <tr>

               <td style="padding-top:2px;padding-buttom:2px;color:red;" id="errorType" ></td> <td style="padding-top:2px;padding-buttom:2px;"><p  class="forget" style="width:120px;"><a  style="margin-right:20px;" href="#" onclick="window.open('${root}/register.jsp')">注册</a><a href="#"  onclick="window.open('${root}/find_pwd.jsp')">忘记密码</a></p></td>

            </tr>

        </tbody>

    </table>

    </div>

</div>

</s:form>

 <iframe src="" id="loginIframe" name="loginIframe"  frameborder="0" style="height: 0px;width: 0px;display:none;"></iframe>

<script type="text/javascript">

$(".loginBox .closed").click(function(){

$(".loginBox, .bodybg").hide();

})

</script>