popus.js弹出模式页面使用方法整理总结

重点js：

//唐初登陆框
   function testMessageBox(ev)
{
var objPos = mousePosition(ev);
var cont = '<div id="abcd"><form action="<%=path%>/sys/login.action" name="loginSubmit" id="login_form" method="post"><div id="login"><div class="login_info"><dl> <dt>用户名</dt><dd><input name="user.userName" type="text" class="input1 inputimg1" id="loginUser" /><div class="clear" style="color: red" align="center" id="showName"></div></dd></dl><dl> <dt>密码</dt> <dd><input name="user.password" type="password" class="input1"  id="pwd"/> <div class="clear" style="color: red" align="center" id="showpwd"></div></dd></dl><dl><dt><input  type="checkbox" value="" style="float:left;" id="log" onclick="checkLogin(this)"/>自动登录&nbsp;&nbsp;<a href="#" class="colorblue">忘记密码？</a></dt><dd><input name="" type="button" class="login_ok"  id="loginSubmit"  onclick="loginClick()"/></dd><div class="clear" style="color: red" align="center" id="umessagelogin"></div></dl></div></div></form></div>';
messContent=cont;
showMessageBox('<h5>用户登录<font class="login_span">您如果还没账号，请点击&nbsp;<a href="/sys/toRegistration.action" class="colorblue">注册</a></font></h5>',messContent,objPos,700);
}

//登录处理的一些js

//登录按钮
function loginClick(){
if(checkValidate()==true){
$('#login_form').submit();

}
$(document).bind("keydown", function(event){
if(event.keyCode == 13 && checkValidate()==true){
$('#login_form').submit();
}
});
}
//自动登录
function checkLogin(obj) {
        if (obj.checked == true && checkValidate()==true) {
        $('#login_form').submit();
        }
      
    }
//输入验证
function checkValidate(){
//用户名
var userName=$("#loginUser").val();

if(!(/^[_\.0-9a-z-]+@([0-9a-z][0-9a-z-]+\.){1,4}[a-z]{2,3}$/).test(userName)){
$("#showName").html("邮箱格式不正确");
      return false;
}else{
$("#showName").html("");
}
//密码
var pwd=$("#pwd").val();
if($.trim(pwd)==""){
$("#showpwd").html("密码不能为空");
return false;
}else{
$("#showpwd").html("");
}
submitForm();
return true;
}
function submitForm(){
$('#login_form').form({   
onSubmit: function(){   
return true;
},   
success:function(data){   
var value = eval("(" + data + ")");
if(value.result=='success'){
$("#umessagelogin").html("登录成功");
setTimeout(function(){
window.location.href='<%=request.getContextPath()%>/index.jsp';
}, 2000);
} else if (value.result='msg'){
$("#umessagelogin").html("用户不存在");
}else if (value.result='error'){
$("#umessagelogin").html("系统异常");
}
}   
});   
}

页面调用位置：

<span onclick="testMessageBox(event);"  >登录</span>