烂笔头：

• layui组件使用

1. 注意layui的版本。
2. 在head里需要引入css/js文件。
3. 出现 form.verify，form.val is not a function的错误信息时，注意版本，以及变量是否正确定义和初始化。
4. 加载layui用 layui.use(['form', 'layer'],function(){}) 方法。

• 表单的验证与提交  文档

1. form.verify中验证规则名称即是 lay-verity设定的值，一般自定义名称。
2. form.on('submit(save)',function(data){}) 用来监听表单，其中 save 是提交按钮对应的 lay-filter属性值。
3. 提交请求有两种不同的函数写法，但是都需要带上csrf验证，该部分具体操作见博客。

          //方式一：

          $.post('/addUser',params, function(data){});

          //方式二:

          $.ajax({

                            type:"post",

                            url:'/updateUser',

                            data:params,

                            dataType:"json",

                            error:function(data){

                                common.layerAlertE('链接错误！', '提示');

                            },

                            success:function(data){

                            }

                 });
                

• 常用语句语法

1. alert(msg)     在页面中弹出警告
2. location.reload()     刷新页面
3. parent.location.reload()     父页面刷新
4. parent.layer.getFrameIndex(window.name)     得到当前iframe层的索引
5. layer.open()     打开一个页面层，通过content属性可定义内容
6. layer.msg(msg, function(){})     页面提示信息
7. data.field 提交的表单数据
8. $("#firstpsd").val() 取id为firstpsd的元素值
9. $(".another").val() 取class值为another的元素值
10. onclick(this)可以将元素传递给点击事件的回调函数，从而通过 element.id 可以获取其id
11. document.getElementById('closeBtn'); 获取id为closeBtn的元素
12. 获取table中某行某列的值，可以给table设置id获取object HTMLInputElement 节点对象,然后，使用obj.rows[i].cells[j].innerHTML即可获取对应元素的值。
13. 同理，获取某行所有的值，可以给row设置id获取HtmlTableRowElement 节点对象,然后，使用 obj.cells[i].innerHTML即可各获取列属性值。