layui如何对表单标签进行校验-木庄网络博客

2022-04-15 23:12:08 PHP中文网 JavaScript 百度已收录

本文摘自PHP中文网，作者V，侵删。

本文为大家介绍layui对表单标签进行校验的方法，希望能够帮助到大家。

（学习视频分享：编程视频）

layui表单元素的校验只需在元素上加入lay-verify，layui提供了以下值。

required（必填项）
phone（手机号）
email（邮箱）
url（网址）
number（数字）
date（日期）
identity（身份证）
自定义值

同时支持多条规则的验证，格式：lay-verify=“验证A|验证B”
如：lay-verify=“required|phone|number”

另外，除了我们内置的校验规则，你还可以给他设定任意的值，比如lay-verify=“pass”，那么你就需要借助form.verify()方法对pass进行一个校验规则的定义

示例：

<div class="layui-form-item">
        <label for="" class="layui-form-label">请输入邮件</label>
        <div class="layui-input-block">
            <input type="text" placeholder="请输入邮件" lay-verify="email" class="layui-input">
        </div>
    </div>