【Layui】表单验证

简介: 【Layui】表单验证

author:咔咔


wechat:fangkangfk


layui表单验证的属性

required(必填项)
phone(手机号)
email(邮箱)
url(网址)
number(数字)
date(日期)
identity(身份证)


关于layui的表单验证已经做得很简单了,下边使用案例来解释

image.png



下来就以这个排序为案例:


第一种方法:在使用的input框里边设置验证名,同样在js里边也使用这个名字做验证即可


html


image.png


js


image.png

// 验证
        form.verify({
            b_sort: function (value) {
                if (value == "") {
                    return "请输入培训";
                }
            },
            topic_tpl: function (value) {
                if (value == "") {
                    return "请输入专题页模板";
                }
            }
        });



演示:

image.png



第二种方案:


只需要在这里边直接设置即可


image.png


演示:

image.png





相关文章
|
4月前
|
JavaScript
layui二级联动
layui二级联动
|
4月前
|
人工智能 前端开发 物联网
|
10月前
layui表单验证
layui表单验证
238 0
|
4月前
|
JavaScript
Layui中jquery的使用方式
Layui中jquery的使用方式
136 0
|
10月前
layUI表单验证不生效的问题
layUI表单验证不生效的问题
149 1
|
9月前
ElementUI之CUD+表单验证
ElementUI之CUD+表单验证
42 0
|
10月前
|
前端开发 关系型数据库 API
关于一篇ElementUI之CUD+表单验证
关于一篇ElementUI之CUD+表单验证
44 0
|
10月前
|
前端开发 JavaScript API
Layui介绍
Layui介绍
138 0
|
10月前
|
JavaScript
layUI下使用jQuery
layUI下使用jQuery
|
11月前
|
XML 前端开发 JavaScript
LayUI系列(一)之layui介绍以及登录功能的实现
LayUI系列(一)之layui介绍以及登录功能的实现