layui form表单验证优化
有这么一个场景:新增用户信息,需要用户的手机号码,当然这个手机号码不是必输的,但是如果输入了需要验证手机号码格式。
针对这种情况,我们需要怎么处理呢?
在layui
最新版本中2.4.5
,是不支持这种操作的,只能必输+格式验证
,这个很明显不能满足我们的需求。
layui2.2.0
历史版本是支持这种操作的,后面去掉了,我也想不明天为什么后面的版本中都去掉了,如果想实现这种验证,可以通过下面的步骤来完成。
操作步骤
下载源码
第一步在官网的github中,下载使用对应的版本,下载地址:https://github.com/sentsin/layui/releases
修改文件
下载源码后,找到form.js
文件,对应路径/src/lay/modules/form.js
然后在文件中搜索关键字if(isTrue){
,最后把这一行代码改成if((isTrue && thisVer === 'required') || (isTrue && value)){
即可。
覆盖文件
把修改后的form.js
文件,覆盖到本地工程的form.js
。
特殊说明
使用过程中,html中不能直接引入layui的全量文件layui.all.js
,只能引入layui.js
,不然的话会不生效。