<%@ page language="java" import="java.util.*" contentType="text/html;charset=UTF-8" pageEncoding="utf-8"%>
<%
String path = request.getContextPath();
String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
%>
<!DOCTYPE HTML>
<html>
<head>
<!-- jquery基础 1111-->
<script src="<%=path%>/js/jquery-1.7.2.min.js"></script>
<!-- jquery分页表格 -->
<script src="<%=path%>/js/jquery.flexigrid.js"></script>
<!-- jquery拖拽 -->
<script src="<%=path%>/js/jquery.draggable.js"></script>
<!-- jquery调整大小 -->
<script src="<%=path%>/js/jquery.resizable.js"></script>
<!-- jquery按扭 -->
<script src="<%=path%>/js/jquery.linkbutton.js"></script>
<!-- jquery阴影 -->
<script src="<%=path%>/js/jquery.shadow.js"></script>
<!-- jquery对话框窗口 -->
<script src="<%=path%>/js/jquery.dialog.js"></script>
<!-- jquery右键菜单 -->
<script src="<%=path%>/js/jquery.contextmenu.js"></script>
<script src="<%=path%>/js/jquery.contextmenu.packed.js"></script>
<!-- jquery下拉列表框 -->
<script src="<%=path%>/js/jQuery.FillOptions.js"></script>
<script src="<%=path%>/js/jQuery.CascadingSelect.js"></script>
<link rel="stylesheet" href="<%=path%>/css/dialog.css"/>
<script>
function open_dialog(){
$("#register-form").dialog({
hide:true, //点击关闭是隐藏,如果不加这项,关闭弹窗后再点就会出错.
href:"dialog_login.jsp",
width:320,
height:400,
autoOpen:false,
modal:true,
buttons:{
注册:function(){
var params=$("#reg-form").serialize();
params = decodeURIComponent(params,true);
//alert(params);
if(addConsumerValidate(params)){
$.ajax({
type: "POST",
url: "consumer_addConsumerOfDialog.action",
data: encodeURI(params),
dataType:"text",
success: function(msg){
if(msg=="success"){
$("#register-form").dialog({closed:true});
alert("用户注册成功!");
$("#message").show();
jump(5);
}else{
alert("用户名已存在,请重新输入!");
$('#register-form#reg-form').reset();
}
},
error: function(msg){
alert("msg="+msg);
}
});
}
},
取消:function(){
//关闭当前Dialog
$("#register-form").dialog({closed:true});
}
}
});
}
function addConsumerValidate(param){
//alert(param);
var user = param.split("&");
var name =user[0].split("=")[1];
var pass = user[1].split("=")[1];
var reg=/^[1-9]\d*$|^0$/;
if(pass == "" || pass == null || reg.test(pass) == false){
window.alert("密码不能为空且必须为整数");
return false;
}
else if(name == "" || name == null)
{
window.alert("帐号不能为空");
return false;
}
return true;
}
function jump(count) {
window.setTimeout(function(){
count--;
if(count > 0) {
document.getElementById('time').innerHTML=count;
//$('#last').attr('innerHTML', count);//有问题,不知道什么原因值不改变,倒计时数字不变
jump(count);
} else {
window.location="<%=basePath%>login.html";
}
}, 1000);
}
</script>
</head>
<body>
<div id="register-form" title="用户注册">
<input type="button" value="打开注册框" onclick="open_dialog();" />
</div>
<div id="message" style="display:none">
<span id="time">5</span>秒后将跳转到项目首页!
</div>
</body>
</html>
分享到:
相关推荐
通用jQuery对话框dialog或popup弹出层或提示窗口插件
jQuery对话框Dialog弹出层插件演示与使用说明
基于MFC的对话框Dialog的OpenGL程序框架 基于MFC的对话框Dialog的OpenGL程序框架 基于MFC的对话框Dialog的OpenGL程序框架 基于MFC的对话框Dialog的OpenGL程序框架 基于MFC的对话框Dialog的OpenGL程序框架
仿 JQuery Dialog 登录页面 htm css div 简洁
对话框 Dialog对话框是一种临时窗口,通常在不想中断整体任务流程,但又需要为用户展示信息或获得用户响应时,在页面中打开一个对话框承载相应的信息及操作。对话框
android 具有选择功能的对话框dialog
jQuery可拖动提示窗插件(对话框Dialog插件)
iPhone开发的控件中没有对话框这种控件,这是实现对话框的dialog的例子,可以很方便的使用对话框,就和其他普通控件一样,里面有例子教你如何快速上手,几分钟就能实现对话框。
Android自定义对话框Dialog(界面美化)
插件描述:原生jQuery对话框插件dialogBox,提供初学者学习,9种类型的对话框 参考示例:http://www.jq22.com/jquery-info4822
dialog.js是一款移动端优先且同时支持jQuery和Zepto的模态对话框插件。它支持三种类型的弹出对话框,支持自定义按钮,文字等,并支持事件监听。
提供了完整的Android对话框Dialog详细代码,可直接运行。内容包括确认对话框,列表对话框,单选对话框,多选对话框,自定义对话框。
Android常用对话框Dialog封装.pdf
jQuery dialog对话框插件点击弹出对话框代码 jQuery dialog对话框插件点击弹出对话框代码
使用AlertDialog创建的各种对话框,包括简单列表对话框、单选列表对话框、多选列表对话框、水平(圆形)进度对话框、自定义登录对话框。
18、jQuery弹出对话框jQuery插件Dialog
jQuery通用dialog对话框 popup提示信息窗口插件demo
在C#中创建的文件选择对话框其实就是OpenFileDialog类的实例。通过对设定 OpenFileDialog类的属性来定制文件选择对话框的式样和功能。OpenFileDialog类的主要属性如下表: 属性 说明 AddExtension 该值指示如果...
Android常用对话框Dialog封装[参照].pdf
创建自定义对话框dialog,弹出模式窗口 用于创建自定义对话框的轻量级(约 4.5 KB)代码库。四种对话框可用: alerts(出错), warnings(警告), prompts(提示), success(成功)。利用一个简单的函数,你可以自定义对话框...