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

我就是我 2023-02-20 06:42 7阅读 0赞

### 文章目录 ###

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

### 前言 ###

在使用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

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

### 源码 ###

[功能代码查看][Link 1]

[点击查看全部源码][Link 2]

[Link 1]: https://github.com/ly641921791/layui-plus/commit/1e0c60e0d9eadc2e16dbcfeeb2f35badf2fdeacc
[Link 2]: https://github.com/ly641921791/layui-plus/tree/v2.5.6.plus