要想使用layui插件中form表单验证,我们首先需要加载初始化layui模块,因为这里用到form表单,所以要加载form模块。
var layer, layuiTable, form;//保存layui模块以便全局使用
$(function(){
//加载&&初始化layui模块
layui.use(['layer', 'table', 'form'], function () {
layer = layui.layer,
layuiTable = layui.table;
form = layui.form;
});
});
因为layui 针对各种表单元素做了较为全面的UI支持,所以我们只需要写 HTML 原始的 input、select、textarea 这些基本的标签即可。唯一的要求就是必须给表单体系所在的父元素加上class=“layui-form”,一切的工作都会在你加载完form模块后,自动完成。
<form id="formShiftClass" class="layui-form" method="post" action="" >
<div class="row mt-2">
<label class="layui-form-label p-1 text-center">班制名称</label