layui如何对表单标签进行校验


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

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

(学习视频分享:编程视频)

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

1

2

3

4

5

6

7

8

required(必填项)

phone(手机号)

email(邮箱)

url(网址)

number(数字)

date(日期)

identity(身份证)

自定义值

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

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

示例:

1

2

3

4

5

6

<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>

填入非法邮件时,点击提交会有笑脸图标提示,挺棒的!

b5ec7ee9df511000da30ef1e68924d2.png

自定义校验:

阅读剩余部分

相关阅读 >>

在vue中怎么使用layui

html页面原生video标签隐藏下载按钮功能

layui怎么关闭弹出层

如何利用javascript在标签内外插入标签元素

html中表单组件

layui 表格中怎么显示图片

h5的块级标签汇总

layui的tips层怎么用

layui事件监听的方法

layui批量删除怎么刷新当前分页

更多相关阅读请进入《layui》频道 >>




打赏

取消

感谢您的支持,我会继续努力的!

扫码支持
扫码打赏,您说多少就多少

打开支付宝扫一扫,即可进行扫码打赏哦

分享从这里开始,精彩与您同在

评论

管理员已关闭评论功能...