`
阳光星心
  • 浏览: 75942 次
  • 性别: Icon_minigender_2
  • 来自: 广州
社区版块
存档分类
最新评论

jquery 弹出对话框

阅读更多
//首先应该引入jquery的js
<script src="<c:url value="/script/jquery/jquery-1.6.1.min.js"/>">
	$(function(){
		$('#dialog1').dialog({
			autoOpen: false,
			width: 300,
			buttons: {
				"确定": function() {
					if($("#accountName").val().length < 4){
						alert("账号至少4位");
						return ;
					}
					$('#form1').submit(); 
				}, 
				"取消": function() { 
					$(this).dialog("close"); 
				} 
			}
		});



<td><a href="#!" onclick="$('#dialog1').dialog('open');" class="btn_zhadd">
<img src="../resources/gd/images/btn_adduser.jpg" alt="" /></a></td>

<div id="dialog1" title="增加账号" align="center">
	<form id="form1" action="<c:url value="/gd/account-add.action"/>" method="post"> 
		账 号:<input id="accountName" name="accountName" type="text"/><br/>
		状 态:<select name="state" id="state" style="width: 150px;">
						<option value="1" selected="selected" >生效</option>
					    <option value="0" >失效</option>
				</select>
				<br/>
		帐号类型:<select name="account_type" id="account_type" style="width: 150px;">
						<option value="1" selected="selected" >工单团队</option>
					    <option value="2" >10000号用户</option>
				</select>
				<br/>
		组管理员:<select name="group_admin" id="group_admin" style="width: 150px;">
						<option value="0" selected="selected" >否</option>
					    <option value="1" >是</option>
				</select>				
				
				

	</form>
分享到:
评论

相关推荐

    Jquery弹出对话框

    **jQuery弹出对话框详解** 在网页开发中,与用户交互是至关重要的,而弹出对话框正是实现这种交互的有效手段。jQuery,作为一款广泛使用的JavaScript库,提供了丰富的功能来简化DOM操作,其中包括创建和控制弹出...

    jquery 弹出对话框 2个

    本篇文章将深入探讨jQuery中的两种弹出对话框实现方法,基于给定的"jquery 弹出对话框 2个"主题。 首先,我们来看第一种弹出对话框——jQuery UI Dialog。jQuery UI是jQuery的一个扩展库,提供了丰富的UI组件,其中...

    jquery弹出对话框插件支持拖拽确认对话框代码

    描述中的“jquery弹出对话框插件支持拖拽确认对话框代码”可能是指一个特定的插件,但具体插件名称未提供。通常,我们可以使用如`jQuery UI`或`SweetAlert2`等插件来创建具有这些特性的对话框。 **jQuery UI** 是...

    jQuery弹出对话框 demo

    jQuery弹出对话框 demo,简单的实例,希望给大家web开发带来快乐~

    Jquery 弹出对话框 与QQ校友相似

    在IT行业中,jQuery是一款非常流行的JavaScript库,它极大地简化了JavaScript的DOM操作、事件处理、动画设计以及Ajax交互。...不断学习和实践是提升技能的关键,希望这篇讲解能对你理解jQuery弹出对话框有所帮助。

    jQuery弹出对话框和提示框动画插件.zip

    在本资源"jQuery弹出对话框和提示框动画插件.zip"中,包含了一些用于创建弹出对话框和提示框的jQuery特效和插件,非常适合那些希望增强网站用户交互体验的开发者。 首先,我们要理解jQuery中的弹出对话框和提示框的...

    jQuery弹出对话框及提示代码

    本文将深入探讨jQuery中的弹出对话框和提示代码,帮助开发者更好地理解和运用这些功能。 首先,让我们了解jQuery对话框。对话框是用户界面设计中常见的一种元素,用于向用户提供额外信息或进行交互。jQuery提供了`...

    jQuery弹出对话框和提示框动画插件

    《jQuery弹出对话框与提示框动画插件详解》 在网页开发中,交互性和用户体验是至关重要的元素,其中对话框和提示框的使用频繁且关键。jQuery作为一款广泛使用的JavaScript库,为开发者提供了丰富的功能,包括弹出...

    jquery弹出对话框(类似confrim)

    为了提供更丰富、更可定制化的确认对话框,开发者们通常会使用插件来扩展jQuery的功能,如本例中的"jquery弹出对话框(类似confirm)"。 这个插件是对jQuery的`confirm`功能的一个扩展,它允许开发者自定义对话框的...

    jQuery弹出对话框及提示信息

    在网页开发中,jQuery库为前端开发者提供了丰富的功能,其中包括便捷的弹出对话框和提示信息功能。jQuery对话框和提示信息是用户交互的重要组成部分,它们可以用来展示警告、确认信息、提供输入字段或者显示详细内容...

    jQuery点击按钮弹出对话框窗口提示插件

    &lt;title&gt;jQuery弹出对话框插件示例 &lt;script src="https://code.jquery.com/jquery-3.6.0.min.js"&gt;&lt;/script&gt; &lt;!-- 引入自定义的js文件 --&gt; &lt;script src="js/dialog-plugin.js"&gt;&lt;/script&gt; &lt;!-- 引入样式文件 --&gt; ...

    18、jQuery弹出对话框jQuery插件Dialog

    jQuery Dialog是jQuery UI库中的一个核心组件,它提供了一种优雅的方式来实现弹出对话框功能。这个插件允许开发者创建可自定义的模态或非模态窗口,用于显示警告、确认信息、输入数据或者展示丰富的内容。在网页交互...

    jquery弹出对话框的框架

    好用的jquery弹出框,很容易上手! 【文件&目录】 [lhgdialog] 文件夹 实际项目中要使用的组件文件和组件源文件 index.html 组件说明示例主页面 [_doc] api文档和其它一些文档文件夹,实际使用中不需要此文件夹 [_...

    jQuery网页弹出对话框 jQuery网页弹出对话框特效.zip

    在这个名为“jQuery网页弹出对话框 jQuery网页弹出对话框特效.zip”的压缩包中,我们主要关注的是如何使用jQuery来创建具有特效的网页弹出对话框。这种功能在网页应用中非常常见,用于提示用户、获取输入或者展示...

    jquery弹出登录对话框

    在网页开发中,提供友好的用户交互体验是至关重要的,其中,弹出对话框是一种常见的交互方式。在本文中,我们将深入探讨如何利用jQuery库创建一个弹出登录对话框,为用户提供无缝且直观的登录功能。 一、jQuery简介...

    JQuery实现对话框效果 即弹出对话框背景变暗且不可操作

    本文将深入探讨如何使用jQuery实现一个对话框效果,即在弹出对话框时,背景变暗并且用户无法操作背景内容,以提供更好的用户体验。 首先,要实现这种效果,我们需要引入jQuery库到我们的HTML文件中。可以使用CDN...

    jQuery点击按钮弹出对话框窗口提示插件.zip

    3. **jQuery弹出对话框**:在JavaScript中,弹出对话框通常使用原生的`alert()`, `prompt()`, 或 `confirm()`函数。但jQuery提供了更高级的解决方案,如使用自定义模态对话框插件。这个压缩包可能包含了一个这样的...

    jquery实现点击弹出对话框

    本文将详细讲解如何使用 jQuery 实现点击按钮弹出对话框的功能。 首先,我们需要在 HTML 页面中创建一个隐藏的对话框元素。对话框通常是一个包含标题、内容和操作按钮的 `div` 元素。以下是一个简单的示例: ```...

    JQuery弹出有遮罩的对话框

    创建一个jQuery弹出对话框的步骤如下: 1. **引入jQuery和jQuery UI库**:首先,你需要在HTML文件中引入jQuery库和jQuery UI库。jQuery UI提供了创建对话框所需的功能。例如,在`&lt;head&gt;`标签内添加以下链接: ```...

Global site tag (gtag.js) - Google Analytics