popus.js弹出模式页面使用方法整理总结
来源:互联网 发布:eia原油库存数据分析 编辑:程序博客网 时间:2024/05/19 00:50
重点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)"/>自动登录 <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">您如果还没账号,请点击 <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>
- popus.js弹出模式页面使用方法整理总结
- js脚本弹出模式查询页面
- Js 弹出自定义模式窗口(回传值到父页面)
- AJAX扩展控件ModalPopupExtender(弹出模式对话框)的使用方法总结
- js弹出页面
- js弹出页面大全
- js弹出页面居中
- js弹出一个页面
- 弹出模式窗体页面
- js页面跳转整理
- js页面跳转整理
- js页面跳转整理
- JS页面跳转整理
- js页面跳转整理 .
- js页面跳转整理
- js页面跳转整理
- js页面跳转整理
- js页面跳转整理
- outlook2007 用户设置备份,微软不肯做,那就咱们自己来!
- sql server 执行事务
- 中兴终端事务部内部发生大件事
- js中的hasOwnProperty和isPrototypeOf方法
- Android TV 去掉状态栏
- popus.js弹出模式页面使用方法整理总结
- java学习者的福音----最强JAVA学习线路图以及各阶段配备的学习神器!
- Preprocessor directives:预处理指令,宏定义,行控制,条件包含,错误提示,源文件包含,Pragma
- cocos2d-x之CCAction
- select根据值动态改变选中项
- 用批处理在桌面上创建快捷方式
- Log4net的使用
- 余额宝突破2000亿,基金融资力量不可小觑
- update 语法(相见恨晚)