今天使用
layui做新增时 在监听提交的回调函数里 发现data里的
field没有值
在网上找了半天
一般都说form
表单没加样式 经过一番尝试还是没有解决这个问题,后来又看了看官方文档
发现原来是过滤器的名称给错了 应该给的是提交按钮的事件过滤器而不是
表单的
真是粗心大意嗷
layui的基本元素之一-----面板卡片面板折叠面板手风琴面板面板嵌套
<fieldset class="layui-elem-field layui-field-title" style="margin-top: 20px;">
<legend>卡片面板</legend>
</fieldset>
卡片式...
第一次使用layui分页控件，遇到的问题。。field: 'type.typeName' 获取不到值。页面代码table.render({
elem: '#bookTable'
,height: 'full-20'
,url: '/admin/getBook' //数据接口
,request: {
pageNam...
<meta charset="utf-8">
<title>
Layui表单关闭按钮示例</title>
<link rel="stylesheet" href="
layui/css/
layui.css">
</head>
<!-- 弹出层 -->
<div id="layerDemo" class="
layui-layer">
<div class="
layui-layer-content">
<form class="
layui-form" lay-filter="formDemo">
<div class="
layui-form-item">
<label class="
layui-form-label">用户名</label>
<div class="
layui-input-block">
<input type="text" name="username" required lay-verify="required" placeholder="请输入用户名" autocomplete="off" class="
layui-input">
<div class="
layui-form-item">
<label class="
layui-form-label">密码</label>
<div class="
layui-input-block">
<input type="password" name="password" required lay-verify="required" placeholder="请输入密码" autocomplete="off" class="
layui-input">
<div class="
layui-form-item">
<div class="
layui-input-block">
<button class="
layui-btn" lay-submit lay-filter="formDemo">提交</button>
<button type="reset" class="
layui-btn
layui-btn-primary">重置</button>
<button type="button" class="
layui-btn
layui-btn-danger" id="closeBtn">关闭</button>
</form>
<script src="
layui/
layui.js"></script>
<script>
layui.use(['layer', 'form'], function(){
var layer =
layui.layer;
var form =
layui.form;
layer.open({
type: 1,
title: '
表单示例',
content: $('#layerDemo'),
area: ['500px', '400px']
// 监听提交
form.on('submit(formDemo)', function(data){
console.log(data.
field);
layer.msg(JSON.stringify(data.
field));
return false;
// 监听关闭按钮
$('#closeBtn').click(function() {
var index = layer.getFrameIndex(window.name); // 获取窗口索引
layer.close(index);
</script>
</body>
</html>
在上面的示例代码中，我们使用了 `layer.open` 方法来打开一个弹出层，并将
表单内容放在了弹出层中。关闭按钮的代码如下：
```html
<button type="button" class="
layui-btn
layui-btn-danger" id="closeBtn">关闭</button>
我们给这个按钮添加了一个 id 为 `closeBtn` 的属性，然后在 JavaScript 中，使用 `$('#closeBtn')` 获取该按钮，并添加了点击事件，在点击事件中调用 `layer.close(index)` 方法来关闭弹出层。
