用jquery插件实现自动添加用户

原创 2012年03月28日 17:26:48

<!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>jquery插件实现自动添加用户</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>
<!--引进css样式类库文件-->
<link rel="stylesheet" href="./css/ui-lightness/jquery-ui-1.8.18.custom.css">


<script language="javascript">
 $(document).ready(function(){
  //注册对话框
  $("#dialog-form").dialog({
   autoOpen:false,
   modal:true,
   width:350,
   height:300,
   
   buttons:{
    "添加":function(){
     $("#users").append("<tr>"+"<td>"+$("#name").val()+"</td>"+"<td>"+$("#email").val()+"</td>"+"<td>"+$("#password").val()+"</td>"+"</tr>");
      
      
     $(this).dialog("close");
     },
    "取消":function(){
     $(this).dialog("close");
     },
    }
   });
  $("#create-user").click(function(){
   $("#dialog-form").dialog("open");
   });
  
  
  
  
  
  });
</script>

  

</head>

<body>
<div class="demo">
 
<div id="dialog-form" title="添加用户">
 
 
 <form>
 
  <label for="name">Name</label><br>
  <input type="text" name="name" id="name" class="text ui-widget-content ui-corner-all" /><br>
  <label for="email">Email</label><br>
  <input type="text" name="email" id="email" value="" class="text ui-widget-content ui-corner-all" /><br>
  <label for="password">Password</label><br>
  <input type="password" name="password" id="password" value="" class="text ui-widget-content ui-corner-all" />

 </form>
</div>
 
 
<div id="users-contain" class="ui-widget">
 
 <table id="users" class="ui-widget ui-widget-content">
  
   <tr class="ui-widget-header ">
    <th>Name</th>
    <th>Email</th>
    <th>Password</th>
   </tr>
   <tr>
    <td>John Doe</td>
    <td>john.doe@example.com</td>
    <td>johndoe1</td>
   </tr>
 </table>
</div>
<button id="create-user">Create new user</button>
 
</div><!-- End demo -->
 

</body>
</html>

批量新建samba用户

使用过windows server 搭建过文件共享的朋友们可能知道,最让人闹心的不是共享和权限设置,而是添加用户,设置所属组。这个操作通常会占到整个配置过程的三分之二。最近我打算把公司最后一台,也是用...
  • cmzsteven
  • cmzsteven
  • 2015年10月11日 17:00
  • 1122

Filter过滤器实现自动登录

Filter介绍 问题:Filter是什么,它能做什么? 1.从两个方面来解析Filter是什么? 1.功能  可以帮助我们对请求与响应操作进行过滤。 2.技术  Sun公司定义的一个接口,java...
  • u010858791
  • u010858791
  • 2015年08月26日 00:32
  • 3213

struts2与cookie实现自动登录

一、本文主要介绍struts2与cookie结合实现自动登录 struts2与cookie结合时要注意采用.action 动作的方式实现cookie的读取。好了直接看代码: 首先是stru...
  • HUXU981598436
  • HUXU981598436
  • 2014年02月10日 14:36
  • 1172

mybatis学习之添加新用户例子

1、配置数据库映射文件(User.xml) 在其中加入如下代码: INSERT INTO USER VALUES(#{id},#{us...
  • fjnmbb12
  • fjnmbb12
  • 2017年06月19日 20:19
  • 375

使用android studio常用的一些快捷键以及常用权限

使用android studio的下载地址:www.android-studio.rog 一、打印log: 1.输入logt回车:  自动生成TAG的全局变量:private static fina...
  • diaobao_weixiao
  • diaobao_weixiao
  • 2016年12月30日 11:21
  • 283

bootstrap+vue=动态添加删除用户数据

首先使用bootstrap进行页面布局,使用vue进行数据绑定,可实现添加、删除、全部删除。全部删除、“暂无数据”根据有无数据动态显示隐藏,这是vue的机制,做起来很方便。 Doc...
  • u013217071
  • u013217071
  • 2017年05月08日 21:45
  • 813

shell脚本批量添加用户

作业:写一个用户管理脚本,脚本参数,-a -d -p -m -s -h;要求:脚本参数无序也能执行,脚本根据不同状态返回不同状态码,参数错误能报错,短选项要支持连写,不显示多余的信息,用户已存在需提示...
  • dongfei2033
  • dongfei2033
  • 2017年07月15日 16:00
  • 461

Android——SharedPreferences实现登录界面的记住密码和自动登录功能

一、项目开发 1、项目运行效果图 2、开发概要        主要功能SharedPreferences介绍,其是Android平台上一个轻量级的存储类,用来保存应用的一些常用配置,比如Activi...
  • zsh157621866651
  • zsh157621866651
  • 2015年06月06日 08:04
  • 2186

JavaEE之--------利用过滤器实现用户自动登录,安全登录,取消自动登录黑用户禁止登录

在我们生活中,对于账户的自动登录已经很常见了,所以利用过滤器实现这个功能 主要介绍用户的自动登录和取消自动登录,以及实现一天自动登录或者n天实现自动登录,当用户ip被加入到黑名单之后,直接利用过滤器返...
  • yangxin_blog
  • yangxin_blog
  • 2015年12月23日 16:38
  • 1836

java web session+cookie实现用户自动登录

在之前的博文中介绍了项目中防止用户重复登录的方案及解决非法退出异常的处理方法——监听浏览器关闭事件onbeforeunload,发送ajax请求到服务器端执行正常退出程序,以避免用户被锁死的情况。然后...
  • dinghaoseu
  • dinghaoseu
  • 2015年12月19日 19:20
  • 5544
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:用jquery插件实现自动添加用户
举报原因:
原因补充:

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