layui 表单组件（form）支持手动触发校验

文章目录

前言

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

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

webjar方式引入

设置maven仓库

    <repositories>
        <repository>
            <id>rdc-releases</id>
            <url>https://repo.rdc.aliyun.com/repository/130254-release-UtHk7a/</url>
        </repository>
        <repository>
            <id>rdc-snapshots</id>
            <url>https://repo.rdc.aliyun.com/repository/130254-snapshot-X1tQyc/</url>
        </repository>
    </repositories>

替换layui依赖

        <dependency>
            <groupId>org.webjars.bowergithub.jaychoufans</groupId>
            <artifactId>layui-plus</artifactId>
            <version>2.5.6-SNAPSHOT</version>
        </dependency>

使用校验

	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

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

源码

功能代码查看

点击查看全部源码