layui 接触之表单（二）

关于layui 也是最近接手到这么一个项目开始研究的

    

        

            

                for="name" class="layui-form-label">名称
                

                    
                           id="partCname" class="layui-input" placeholder="请输入关键字" maxlength="50">
                
            
            

                for="states" class="layui-form-label">状态
                

                    
                           id="partOldcode" class="layui-input" placeholder="请输入关键字" maxlength="50">
                
            
            

                for="selectData" class="layui-form-label">下拉选
                

                    
                        
                        下拉选1
                        下拉选2
                        下拉选3
                    
                
            
       
            

                
                    查询
                
                
            
        
    

表单是一个后台项目里不可或缺的一部分

layui 官方提供了关于form的很多方法

前提也是在layui 的方法里去引用

关于表单反显官方提供了一个方法是根据获取到的数据用

form.val('filter', object);

用于给指定表单集合的元素赋值和取值。如果 object 参数存在，则为赋值；如果 object 参数不存在，则为取值

注：其中「取值」功能为 layui 2.5.5 开始新增

差点忘了做验证，layui有个属性

在表单元素上加上 lay-verify="" 属性值即可

而且官方是提供了几个属性值的

required（必填项）
phone（手机号）
email（邮箱）
url（网址）
number（数字）
date（日期）
identity（身份证）

同时支持多条规则的验证，格式：lay-verify="验证A|验证B"
如：lay-verify="required|phone|number"

到这里表单差不多就结束了

加个知识点

autocomplete="off"

这个属性是用来是为了防止记录之前填过的数据在填数据是显示出来，挺影响用户操作的