首页 > web前端 > js教程 > 正文

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

WBOY
发布: 2016-05-16 17:14:53
原创
977 人浏览过

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

复制代码 代码如下:

 
 
<头> 

自动填写表单标题>; 
<风格> 
        正文 { 字体大小:62.5%; } 
        标签,输入 { 显示:块; } 
        input.text { margin-bottom:12px;宽度:95%;填充:.4em; } 
        字段集 { padding:0;边框:0;顶部边距:25px; } 
        h1 { 字体大小:1.2em;保证金:.6em 0; } 
        div#users-contain { width: 350px;边距:20px 0; } 
        div#users-contain table { margin: 1em 0;边界崩溃:崩溃;宽度:100%; } 
        div#users-contain table td, div#users-contain table th { border: 1pxsolid #CCC;内边距:.6em 10px;文本对齐:左对齐; } 
        .ui-dialog .ui-state-error { 填充:.3em; } 
        .validateTips { 边框:1px 实心透明;填充:0.3em; } 
 
<脚本类型=“text/javascript”语言=“javascript”src=“jquery-1.7.1.min.js”> 
 
<脚本类型=“text/javascript”语言=“javascript”src=“jquery-ui-1.8.18.custom.min.js”> 
 

<脚本类型=“text/javascript”语言=“javascript”> 
$(function(){ 
    $("#dialog").dialog({ 
        autoOpen:false, 
        modal:true, 
        按钮:[ 
                { 
text:"在帐户上创建", 
            click:function(){ 
                var $tr=$("" $("#username").val() "< /td>" $("#email").val() "" $("#pas").val() ""); 
        //alert($tr); 
        $tr.appendTo("#users"); 
            $("#dialog").dialog("close "); 
                            } 

                }, 
                { 
            文字:"取消", 
            click:function(){ 
                $("#dialog").dialog( "关闭"); 
                          } 
               } 
            ] 

        }); 
    $(" #dialog_link").click(function(){ 
        $("#对话框").dialog("打开"); 
        }); 
    }) 

 
 

<身体> 
 
   

现有用户:

 
            
             
                第个姓名第>个 
                第电子邮件第>> 
                密码第>> 
             
        ; 
        ; 
            ; 
                 
                 
                ; 
             
         
   
约翰·多伊john.doe@example.comjohndoe1

 
创建新用户 
 
 
 
 
相关标签:
来源:php.cn
本站声明
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn
热门推荐
热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板