<%@ 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 简洁登录页面"是一个基于JQuery Dialog组件设计的简单登录界面，旨在提供用户友好的交互体验。JQuery Dialog是jQuery UI库中的一个功能，它允许开发者创建可自定义的弹出对话框，用于显示...
jQuery Dialog 是一个强大的弹出层插件，常用于创建各种对话框、提示窗口或模态框，极大地丰富了网页的交互体验。这个插件是基于 jQuery 库构建的，因此在使用前确保已经引入了 jQuery。下面将详细介绍如何使用 ...
基于MFC的对话框Dialog的OpenGL程序框架 基于MFC的对话框Dialog的OpenGL程序框架 基于MFC的对话框Dialog的OpenGL程序框架 基于MFC的对话框Dialog的OpenGL程序框架 基于MFC的对话框Dialog的OpenGL程序框架
在移动端Web应用开发中，用户交互的体验至关重要，而Dialog弹出对话框是常见的交互元素之一。`dialog.js`插件就是为了满足这种需求而设计的，它专为移动端优化，同时兼容了两种流行的轻量级JavaScript库：jQuery和...
对话框 Dialog对话框是一种临时窗口，通常在不想中断整体任务流程，但又需要为用户展示信息或获得用户响应时，在页面中打开一个对话框承载相应的信息及操作。对话框
**jQuery Dialog弹出层对话框插件：深入解析与应用** jQuery Dialog是jQuery UI库中的一个组件，它提供了一种优雅的方式在网页上创建交互式的弹出层对话框。这个插件不仅允许用户展示信息，还可以加载外部URL内容，...
在Windows编程领域，对话框（Dialog Box）是用户界面中的一种常见元素，它提供了一种与用户交互的方式，用于输入、选择或显示信息。在C++编程中，尤其是在MFC（Microsoft Foundation Classes）库中，我们可以使用`...
原生jQuery对话框插件dialogBox是一款用于网页交互的实用工具，它允许开发者轻松创建各种类型的对话框，为用户界面增添丰富的互动性。这个插件是基于jQuery库设计的，因此，熟悉jQuery基础的开发者可以快速上手。...
jQuery提供了一种便捷的方式来实现这一目标，那就是通过Dialog对话框和Popup提示信息窗口。本文将深入探讨jQuery通用Dialog插件的原理、使用方法以及如何通过源码分析增强自己的前端开发技能。 **jQuery Dialog ...
3. **实现对话框逻辑**： - 重写` OnInitDialog()`函数，这是对话框初始化的地方，可以在这里设置控件的初始状态或加载数据。 - 如果需要处理用户与控件的交互，如按钮点击事件，需要重写控件的消息映射函数，例如...
jQuery可拖动提示窗插件，通常被称为对话框（Dialog）插件，是网页开发中常用的组件之一。这种插件可以提供丰富的用户交互体验，使信息提示、警告、确认等操作更加直观和人性化。在本篇文章中，我们将深入探讨jQuery...
在Android开发中，自定义对话框（Dialog）是一种常见的需求，尤其当系统默认的样式无法满足设计需求时。本文将详细介绍如何实现一个自定义对话框，包括视图的设计和参数的传递。 首先，我们来看一下自定义对话框的...
jQuery dialog对话框插件是jQuery UI库中的一个核心组件，用于创建可自定义的模态或非模态对话框。这个插件提供了丰富的功能，包括拖动、调整大小、自动定位以及多种主题样式，使开发者能够轻松地在网页中添加交互式...
在Android开发中，对话框（Dialog）是一种非常重要的UI组件，它用于向用户展示临时信息或需要用户进行交互的情况。本篇文章将详细讲解如何使用`AlertDialog`创建各种类型的对话框，包括简单列表对话框、单选列表...
对话框（Dialog）是Android UI设计中的重要元素，用于在不离开当前界面的情况下显示临时信息或获取用户输入。Yancy Dialog和高级Dialog则是对话框的一种扩展，它们提供了更多的定制化选项和功能。 在描述中提到的...
7. **Ajax集成**：Dialogbox可以与Ajax技术结合，实现动态加载内容到对话框中，无需刷新整个页面，提高用户体验。 8. **事件处理**：Dialogbox提供了多种内置事件，如open、close、beforeClose等，开发者可以绑定...
本教程将深入讲解如何在iPhone应用中实现对话框效果。 首先，我们要了解对话框在iOS中的常见形式。在iOS中，这类功能通常通过两种方式实现：AlertController（警告控制器）和ActionSheet（动作表）。...
在给定的“Android之对话框Dialog(博客源码)”资源中，我们可以学习到如何在Android应用中实现三种不同类型的对话框：时间弹框、自定义弹框以及等待弹框。 首先，我们来详细了解一下时间弹框。时间弹框通常用于让...
jQuery Dialog 是一个非常流行的JavaScript库，它为网页提供了一种优雅的方式来创建弹出式对话框。这个插件是基于jQuery框架构建的，主要用于创建模态或非模态的窗口，通常用于显示警告、确认信息或者作为用户交互的...