Fork me on GitHub

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

FallSea wechat
欢迎您扫一扫上面的微信公众号,订阅我的博客!
坚持原创技术分享,您的支持将鼓励我继续创作!