layui form表单验证优化

发表于 2018-11-26 分类于前端， layui 阅读次数：本文字数： 311 阅读时长 ≈ 1 分钟

有这么一个场景：新增用户信息，需要用户的手机号码，当然这个手机号码不是必输的，但是如果输入了需要验证手机号码格式。
针对这种情况，我们需要怎么处理呢？

在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，不然的话会不生效。