码迷,mamicode.com
首页 > 移动开发 > 详细

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

时间:2019-11-25 11:06:44      阅读:443      评论:0      收藏:0      [点我收藏+]

标签:数组   htm   class   white   函数   turn   func   手机   log   

?

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

?

解决办法:

  1. 修改源码:

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

  2. 自定义验证规则

    ?

JS:

myemail:function?(value,?item)?{

????????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>

?

?

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

__________________________________________________________________________________

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

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

标签:数组   htm   class   white   函数   turn   func   手机   log   

原文地址:https://www.cnblogs.com/lovebing/p/11926446.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!