Layui_form_lay-verify校验规则

清风不是明月

已于 2022-03-25 10:31:44 修改

阅读量1.2k

点赞数

分类专栏：前端_UI 框架文章标签： java

于 2022-03-02 21:17:18 首次发布

本文链接：https://blog.csdn.net/weixin_55806809/article/details/123240573

版权

前端_UI 框架专栏收录该内容

18 篇文章 1 订阅

订阅专栏

官网文档：https://www.layuiweb.com/doc/modules/form.html
除了文档说的说明，我自己做了以下的整理。
1、在form表单内加上class=“layui-form”
2.、在触发校验的提交按钮上加上lay-submit，（这些按钮也需要再from表单中）
3.、在想要校验的标签，加上lay-verify=””，在这个属性里，加上想要的值，就可以进行校验了。
有以下值供选择：
required（必填项）
phone（手机号）
email（邮箱）
url（网址）
number（数字）
date（日期）
identity（身份证）
自定义值

<input type="password" lay-verify="pass" placeholder="请输入密码">

<script type="text/javascript">

    layui.use(["form", "layer", "laydate"], function () {
        laydate = layui.laydate;
        var form = layui.form;
        var layer = layui.layer;
        //表单验证
        form.render();//这句一定要加，占坑
        form.verify({
            pass:[
                /^[\S]{6,12}$/
                ,'密码必须6到12位，且不能出现空格'
            ]
        });
    });
</script>