用jquery实现添加新用户

原创 2012年03月28日 20:53:27
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>添加新用户</title>

<script language="javascript" type="text/javascript" src="js/jquery-1.7.1.min.js"></script>
<script language="javascript" type="text/javascript" src="js/jquery-ui-1.8.18.custom.min.js"></script>
<link rel="stylesheet" href="css/ui-lightness/jquery-ui-1.8.18.custom.css" />





<link rel="stylesheet" href="./themes/base/jquery.ui.all.css">
	<script src="./js/jquery-1.7.1.js"></script>
	<script src="./js/jquery.bgiframe-2.1.2.js"></script>
	<script src="./ui/jquery.ui.core.js"></script>
	<script src="./ui/jquery.ui.widget.js"></script>
	<script src="./ui/jquery.ui.mouse.js"></script>
	<script src="./ui/jquery.ui.button.js"></script>
	<script src="./ui/jquery.ui.draggable.js"></script>
	<script src="./ui/jquery.ui.position.js"></script>
	<script src="./ui/jquery.ui.resizable.js"></script>
	<script src="./ui/jquery.ui.dialog.js"></script>
	<script src="./ui/jquery.effects.core.js"></script>
	<link rel="stylesheet" href="./css/demos.css">
<style>
		body { font-size: 62.5%; }
		input { display:block; }
		input.text { margin-bottom:12px; width:95%; padding: .4em; }
		fieldset { padding:0; border:0; margin-top:25px; }
		h2 { font-size: 1.2em; margin: .6em 0; }
		div#user { width: 350px; margin: 20px 0; }
		div#user table { margin: 1em 0; border-collapse: collapse; width: 100%; }
		div#user table td, div#user table th { border: 1px solid #eee; padding: .6em 10px; text-align: center; }
		
		
	</style>




<script language="javascript" type="text/javascript">
$(function(){
	
	
	var name=$("#name"),email=$("#email"),pass=$("#password");
	
	
	
	$("#add").dialog({
		
		autoOpen:false,
		
		title:"添加新用户",
		
		show:"explode",
		
		hide:"explode",
		
		modal:true,
		
		buttons:[{
			
			text:"确定添加",
			
			click:function(){
				
				$("#user table").append("<tr><td>"+name.val()+"</td><td>"+email.val()+"</td><td>"+pass.val()+"</td></tr>");
				$(this).dialog("close");
			      }
				},
			{
			 text:"取消",
			 
			 click:function(){	
				
				$(this).dialog("close");
				
				}
			
			}]
		
		
		});
		
	 
	
	
	$("#add_link").click(function(){
		
		$("#add").dialog("open");
		
		
		})
	
	})

</script>
</head>

<body>
<div class="demo">
<h2>现有用户</h2>
<div id="user" class="ui-widget">
<table class="ui-widget ui-widget-content">

 <tr class="ui-widget-header ">
 
   <th>姓名</th><th>邮箱</th><th>密码</th>
   
 </tr>
 
</table>
</div>
<br />
<br />
<button id="add_link">添加用户</button>
</div>
<div id="add">
<fieldset>
姓名:<input type="text" value="" id="name" class="text ui-widget-content ui-corner-all" />
<br />
邮箱:<input type="text" value="" id="email" class="text ui-widget-content ui-corner-all" />
<br />
密码:<input type="password" value="" id="password" class="text ui-widget-content ui-corner-all" />
</fieldset>
</div>

</body>
</html>


hibernate练习3:给用户添加新的联系人

准备: LinkMan实体类 LinkMan.hbm.xml配置:多对一 Customer.hbm.xml配置:一对多 hibernate.cfg,xml配置:导入LinkMan实体类位置 ...
  • weixin_39472341
  • weixin_39472341
  • 2018年01月21日 22:45
  • 22

linux-添加新用户

useradd命令: 用途:添加用户工具命令 用法:(1)useradd [options] 新增的用户名 (2)useradd -D [options] ——>不加选项用...
  • iycynna_123
  • iycynna_123
  • 2016年11月25日 14:28
  • 352

为 git 版本库添加新用户

git 数据库使用 gitolite 管理,要为现有版本库添加新用户,需要如下操作: 1. 在新用户目录下生成 ssh key:     $ssh-keygen     如果提示输入 phras...
  • zhbpd
  • zhbpd
  • 2012年06月20日 11:03
  • 6064

ubuntu添加新用户

ubuntu下创建、删除用户以及授予用户权限的方法
  • acelove40
  • acelove40
  • 2017年01月11日 15:04
  • 332

JQuery实现添加删除数据

划重点:增加/删除/全选/反选/批量删除/二级联动
  • qq_37894894
  • qq_37894894
  • 2017年12月10日 13:46
  • 81

win2003添加新的用户

最初由 Ivony 发布[B]我的电脑->管理->本地用户和组。。。。如果使用了AD(Active Directory),参见AD的文档。。。。反正偶不用的。。。。 [/B] ...
  • zhdd1234
  • zhdd1234
  • 2010年04月20日 10:38
  • 334

oracle 创建新用户 ,给新用户授权

  • ganlijianstyle
  • ganlijianstyle
  • 2016年06月14日 18:07
  • 520

8.2.1 添加一个新用户

8.2.1 添加一个新用户 有两种不同的命令可以用来添加用户: a d d u s e r和u s e r a d d命令。两个命令工作的方式是完 全相同的。请输入“ adduser userna...
  • autumn20080101
  • autumn20080101
  • 2012年05月26日 22:38
  • 524

ubuntu 16.04下的新用户添加

1、首先搞清楚什么是管理员,开始我对这个很模糊以为带了#号就是管理员. root@ubuntu:~#  管理员目录 root@ubuntu:/#    管理员 2、查看用户情况,如果没有新建过用户那...
  • wangting1207254677
  • wangting1207254677
  • 2017年04月04日 21:14
  • 292

Linux(Ubuntu16.04)下添加新用户

某些情况下,Ubuntu 使用useradd 新用户名,在home 文件夹下面看不到新创建的用户文件夹,例如:   发现找不到,spark的文件夹,因此将采用下面方式重新建立首先删除spark用户...
  • badguy_gao
  • badguy_gao
  • 2017年11月26日 18:11
  • 367
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:用jquery实现添加新用户
举报原因:
原因补充:

(最多只允许输入30个字)