layui 表单组件(form)支持手动触发校验

文章目录

      • 前言
      • webjar方式引入
      • 通过文件引入
      • 通过源码编译
      • 源码

前言

在使用layui v2.5.6 的表单组件时,原生表单组件的校验事件,需要绑定到按钮,在提交时自动触发。

在只需要做校验操作的情况,由于没有提供表单校验方法,处理比较复杂,这里对源码进行了修改,抽离了表单校验逻辑,封装为 form.doVerify(filter) ,校验通过返回true,否则返回false

webjar方式引入

设置maven仓库

    
        
            rdc-releases
            https://repo.rdc.aliyun.com/repository/130254-release-UtHk7a/
        
        
            rdc-snapshots
            https://repo.rdc.aliyun.com/repository/130254-snapshot-X1tQyc/
        
    

替换layui依赖

        
            org.webjars.bowergithub.jaychoufans
            layui-plus
            2.5.6-SNAPSHOT
        

使用校验

	if(form.doVerify('lay-filter')){
		// 校验通过执行
	}

校验通过返回true,否则返回false

功能稳定,打包为快照版本,是为了其他功能的优化考虑

通过文件引入

地址:https://github.com/JayChouFans/layui-plus/tree/v2.5.6

拉取代码,layui文件夹为修改后全部文件

通过源码编译

源码地址:https://github.com/ly641921791/layui-plus/tree/v2.5.6.plus

拉取代码, 搭建环境,进行编译,环境搭建方法省略

源码

功能代码查看

点击查看全部源码

你可能感兴趣的:(layui 表单组件(form)支持手动触发校验)