修改layui的表单手机、邮箱验证可以为空怎么实现?

 

修改layui的表单手机、邮箱验证可以为空

 

解决办法:

  1. 修改源码:

    把表单验证源代码(form.js)的正则表达式改一下,例如手机的正则为:/^1d{10}$/,可以改成/^$|^1d{10}$/,前面加一个^$|试试,邮箱修改也是如此。

  2. 自定义验证规则

     

JS:

myemail:function (valueitem) {

        if(value!=""){  //值不是空的时候再去走验证

            if(!/^[a-z0-9._%-]+@([a-z0-9-]+\.)+[a-z]{2,4}$|^1[3|4|5|7|8]\d{9}$/.test(value)){

             return '邮箱格式不对';

           }

        }

    },

    phones: [/^1[3|4|5|6|7|8|9]\d{9}$/'请输入有效手机号!'],

    //我们既支持上述函数式的方式,也支持下述数组的形式

    //数组的两个值分别代表:[正则匹配、匹配不符时的提示文字]

    password: [

        /^[\S]{6,16}$/

        , '密码必须616位,且不能出现空格'

    ]

 

Html:

<!-- 手机号 -->

            <div class="layui-form-item">

                <label class="layui-form-label">* 手机号</label>

                <div class="layui-input-inline">

                    <input type="tel" name="tel" value="{$data.tel|default=''}" autocomplete="off" maxlength=11 placeholder="请输入手机号" lay-verify="required|phones" class="layui-input">

                </div>

            </div>

 

 

文章来源:刘俊涛的博客 欢迎关注公众号、留言、评论,一起学习。

__________________________________________________________________________________

若有帮助到您,欢迎捐赠支持,您的支持是对我坚持最好的肯定(*^_^*)

posted @ 2019-11-25 10:54  刘俊涛的博客  阅读(2335)  评论(0编辑  收藏  举报