基于jq的编辑插件singleEdit

Question

目前支持8种编辑方式 
身份证，email等31种自带验证模式 
验证模式可以自行添加修改 
ajax无刷新保存数据 
数据联动更新 
自定义更换皮肤 
全部主流浏览器支持 
 需要引入的文件
必需
jquery.latestVersion.js(jquery框架最新版本) 
jquery.singleEdit.js(插件主要文件) 
lang/singleEdit_zh-cn.js(语言文件包) 
theme/singleEdit.css(样式文件) 
可选
plugins/formValidatorRegex.js(客户端数据验证插件，如果需要执行数据验证功能请引入此插件) 
plugins/wbfsaTextAreaEncode.js(文本域输入编辑插件，如果需要文本域编辑功能请引入此插件，此插件的功能为转换textarea输入中的/n/r换行符为) 
calender/WdatePicker.js(样式文件) 
rater/jquery.rater.js(样式文件) 
  
文本框编辑
 $(function() {   
    
            $(".example").singleEdit({   
                data: { textbox: "(请点击我)"},//设置编辑对象的值，也可以在对象内直接赋值   
                main: [   
                 { id: "textbox", type: "textbox" }//id对应要编辑的对象，type设置编辑方式   
                ]   
            });        
         });  $(function() {
 
            $(".example").singleEdit({
                data: { textbox: "(请点击我)"},//设置编辑对象的值，也可以在对象内直接赋值
                main: [
                 { id: "textbox", type: "textbox" }//id对应要编辑的对象，type设置编辑方式
                ]
            });     
         });
   键盘编辑 
$(function() {   
            $(".example").singleEdit({   
                data: { key: "(请点击我)"},//设置编辑对象的值   
                main: [   
                 { id: "key", type: "keyboard" }//id对应要编辑的对象，type设置编辑方式   
                ]   
            });        
         });  $(function() {
            $(".example").singleEdit({
                data: { key: "(请点击我)"},//设置编辑对象的值
                main: [
                 { id: "key", type: "keyboard" }//id对应要编辑的对象，type设置编辑方式
                ]
            });     
         });
  复选框编辑
$(function() {   
            $(".example").singleEdit({   
                selection: [   
                { id: "ch", item: [{ zID: 0, zname: "(请点击我)" }, { zID: 1, zname: "多选框选项1" }, { zID: 2, zname: "多选框选项2" }, { zID: 3, zname: "多选框选项3"}] }//设置选项，id对应main中的id   
                ],   
                data: { ch: 0},//接受一个“0|1|2”类似的字符串   
                main: [   
                 { id: "ch", type: "check" }//id对应要编辑的对象，type设置编辑方式   
                ]   
            });        
         });  $(function() {
            $(".example").singleEdit({
                selection: [
                { id: "ch", item: [{ zID: 0, zname: "(请点击我)" }, { zID: 1, zname: "多选框选项1" }, { zID: 2, zname: "多选框选项2" }, { zID: 3, zname: "多选框选项3"}] }//设置选项，id对应main中的id
                ],
                data: { ch: 0},//接受一个“0|1|2”类似的字符串
                main: [
                 { id: "ch", type: "check" }//id对应要编辑的对象，type设置编辑方式
                ]
            });     
         });
    目前支持8种编辑方式。 下载地址：http://plugins.jquery.com/project/SingleEdit 演示：http://www.wbfsaworkstation.com.cn

Answer 1

没什么特别的嘛，就是一个层的显示，隐藏，一般普通

Answer 2

目前只是简单的功能，还在更新中。谢谢建议

Answer 3

看了下，效果不错是不是应该添加一个属性，然后设置为 “请点击我”，如果是这个值就清空，反之如果为空就设置为这个值

Answer 4

谢谢朋友的建议，下个版本争取加入这个功能