layui中使用lay-verify进行非必填项校验时的大坑
某些表单元素为非必填项,但是却需要校验输入数据的格式是否正确,使用的layui的lay-verify 进行校验,例如lay-verify=“phone”验证手机号码规则是否合法,但是这玩意有个坑,如果不输入数据也会认为数据不合法,所有的校验规则,默认都是必填项!!!!!最后在官方社区找到一个帖子目前问题已解决
解决办法:修改layui校验规则源码,目前没发现修改以后有什么问题
修改源码如下:
phone:[/(^$)|^1\d{10}$/,’请输入正确的手机号’],
email:[/(^$)|^([a-zA-Z0-9_\.\-])+\@(([a-zA-Z0-9\-])+\.)+([a-zA-Z0-9]{2,4})+$/,’邮箱格式不正确’],
url:[/(^$)|(^#)|(^http(s*):\/\/[^\s]+\.[^\s]+)/,’链接格式不正确’],
number:[/(^$)|^\d+$/,’只能填写数字’],
date:[/(^$)|^(\d{4})[-\/](\d{1}|0\d{1}|1[0-2])([-\/](\d{1}|0\d{1}|[1-2][0-9]|3[0-1]))*$/,’日期格式不正确’],
identity:[/(^$)|(^\d{15}$)|(^\d{17}(x|X|\d)$)/,’请输入正确的身份证号’]新增部分:(^$)|
需要修改两个文件:form.js和layui.all.js
如果该选项为必填:建议使用,lay-verify=“required|number”校验,其中required是校验必填,多种校验规则之间用 | 间隔,这个竖线是或。
最近评论
6、7年前的内容了,外链能不挂吗?哈哈。…
链接挂了…
Thank you and thank you!…
应该是你IP有其它人扫描过我的系统,被我系统拦截了。一般24小时就解封。…
有,不过主题是2012年的了,兼容性不好了。还要吗?…
你好,我用公司的网络打开你的博客很多都是提示ip在黑名单,可是我们公司是…
你好,时隔这些年,我有幸访问到您的博客,我很喜欢您主题的风格,请问主题包…
09年的时候电信就干过,不过都是些偏远三线城市…