FOF设置表单必填项

admin

<!文档类型 网页类型>
<网页 语言代码="zh-CN">
    <网页头部>
        <网页信息 文档编码="UTF8" />
        <网页信息 名称="页面视图" 关联数据="视图宽度=填充视图宽度, 初始缩放值=1" />
        <加载样式库 文档关系="导入样式库" 链接地址="https://cdn.staticfile.org/layui/2.8.11/css/layui.css" />
        <网页标题>必填输入框示例</网页标题>
    </网页头部>

    <网页主体>
        <表单 类名="lay-表单">
            <区块 类名="lay-表单-项目">
                <数据框标注 类名="lay-表单-标签">必填输入框1</数据框标注>
                <区块 类名="lay-输入框-区块">
                    <数据框 数据类型="文本输入" 属性名称="requiredInput1" 必填状态 lay-验证="必填项" 默认提示="请输入内容" 自动填充="不记住" 类名="lay-输入框" />
                </区块>
            </区块>
            <区块 类名="lay-表单-项目">
                <数据框标注 类名="lay-表单-标签">必填输入框2</数据框标注>
                <区块 类名="lay-输入框-区块">
                    <数据框 数据类型="文本输入" 属性名称="requiredInput2" 必填状态 lay-验证="必填项" 默认提示="请输入内容" 自动填充="不记住" 类名="lay-输入框" />
                </区块>
            </区块>
            <区块 类名="lay-表单-项目">
                <区块 类名="lay-输入框-区块">
                    <按钮 类名="lay-按钮" lay-提交 lay-过滤器="submitBtn">提交</按钮>
                </区块>
            </区块>
        </表单>

        <脚本 脚本文件="https://cdn.staticfile.org/layui/2.8.11/layui.js"></脚本>
        <脚本>
            layui.use(["form"], 定义函数 () {
                变量 form = layui.form;

                form.on("submit(submitBtn)", 定义函数 (data) {
                    // 这里可以添加提交后的业务逻辑，例如通过ajax向后端发送数据
                    调试输出(data.field);
                    返回 假;
                });
            });
        </脚本>
    </网页主体>
</网页>