layui框架的验证

layui表单提交验证:

  1.框架内置验证

http://www.layui.com/v1/doc/modules/form.html#verify

<input type="password" name="password" lay-verify="required|pass|min:6|max:20" placeholder="" autocomplete="off"
                           class="layui-input" datatype="*6-15">

2.layui框架自定义验证

form class="layui-form" action="">  
                          <div class="layui-form-item">  
                            <label class="layui-form-label">反馈主题</label>  
                            <div class="layui-input-block">  
                              <input name="title" class="layui-input" type="text" placeholder="请输入标题" autocomplete="off" lay-verify="title">  
                            </div>  
                          </div>  
。。。。。。。。。。。。。
<script>  
layui.use(['form', 'layedit', 'laydate'], function(){  
  var form = layui.form()  
  ,layer = layui.layer  
  ,layedit = layui.layedit  
  ,laydate = layui.laydate;  
   
  //自定义验证规则  
  form.verify({  
        title: function(value){  
          if(value.length < 5){  
            return '标题至少得5个字符啊';  
          }  
        }, fname: function(value){  
          if(value.length < 4){  
            return '请输入至少4位的用户名';  
          }  
        }, contact: function(value){  
          if(value.length < 4){  

 2.

onfocus 事件

定义和用法

onfocus 事件在对象获得焦点时发生。

onblur 事件

定义和用法

onblur 事件会在对象失去焦点时发生。

3.

var reg = /^[\u4e00-\u9fa5]$/;数字、字母、汉字、下划线组成;
posted on 2018-03-27 09:44  盧鵬  阅读(6111)  评论(0编辑  收藏  举报