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

最新推荐文章于 2024-08-11 15:42:10 发布

原创

最新推荐文章于 2024-08-11 15:42:10 发布 · 6.4k 阅读

收录于

本文介绍了如何在layui v2.5.6中手动触发表单组件的校验，通过修改源码，封装了`form.doVerify(filter)`方法，校验成功返回true，否则返回false。提供了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>