jquery中插件实现自动添加用户的具体代码

复制代码代码如下：DOCTYPE html PUBLIC '-//W3C//DTD XHTML 1.0 Transitional//EN ' ' http://www .w3。L1-过渡时期。DTD ' html xmlns=' http://www .w3。org/1999/XHTML ' head meta http-equiv=' Content-Type ' Content=' text/html；charset=utf-8'/title自动填写表单/title style body { font-size : 62.5%；}标签，输入{ display:block}输入。文本{边距-底部：12 px宽度：95%;padd : 4em } field set { padd :0 border :0 margin-top :25 px；} h1 { font-size : 1.2 em边距：6em 0；} div #用户包含{ width : 350 pxmargin : 20px 0；} div #用户包含表{ margin : 1em 0；边界崩溃：崩溃；宽度： 100%;} div #用户-包含表td，div #用户-包含表th { border: 1px固态# CCCpadding:6em 10px文本-左对齐：} .用户界面对话框ui-state-错误{ padd :3em} .validateTips { border: 1px固体透明；padd : 0.3 em }/style脚本类型=' text/JAVAScript ' language=' JAVAScript ' src=' http : jquery-1。7 .1 .量滴js '/script脚本类型=' text/JavaScript '语言=' JavaScript ' src=' http : jquery-ui-1。8 .18 .定制。量滴js '/脚本链接rel='样式表href=' ui-lighting/jquery-ui-1。8 .18 .习俗.对话框({ autoOpen:false，modal:true，buttons:[ { text: '在帐户上创建，单击： function(){ var $ tr=$(' trtd ' $(' # username ')).val() '/tdtd' $('#email ').val() '/tdtd' $('#pas ').val()'/TD/TD/tr ')；//alert($ tr)；$ tr。appendo(' # user ')；$(“# dialog”).对话框("关闭");} }，{ text: '取消'，单击： function(){ $(“# dialog”).对话框("关闭");} } ] });$('#dialog_link ').单击(函数(){ $('#dialog ')).对话框("打开");});})/script/head body div id=' users-contain ' class=' ui-widget ' h1现有用户3360/h1表id=' users ' class=' ui-widget ui-widget-content '和tr class=' ui-widget-header ' th姓名/第几天/第几天密码/th/tr/ad t body tr tdJohn Doe/TD[email protected]/TD tdjohndoe 1/TD/tr/t body/table/div a href=' # ' id=' dialog _ link ' class=' ui-state-default ui-corner-all ' style=' font-size :18 px '创建新用户/a！-对话框$(“# dialog”).对话框()他就是一个对话框，在页面中就会隐藏- div id='dialog' title='创建新用户style='display:none '姓名布林普特类型=' text ' id=' username ' email bring put类型='text' id='email '密码br输入类型=' password ' id=' pas '/div/body/html