修改layui的表单手机邮箱验证可以为空怎么实现?
Posted lovebing
tags:
篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了修改layui的表单手机邮箱验证可以为空怎么实现?相关的知识,希望对你有一定的参考价值。
?
修改layui的表单手机、邮箱验证可以为空
?
解决办法:
- 修改源码:
把表单验证源代码(form.js)的正则表达式改一下,例如手机的正则为:/^1d{10}$/,可以改成/^$|^1d{10}$/,前面加一个^$|试试,邮箱修改也是如此。
- 自定义验证规则
?
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}$/
????????,?‘密码必须6到16位,且不能出现空格‘
????]
?
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的表单手机邮箱验证可以为空怎么实现?的主要内容,如果未能解决你的问题,请参考以下文章