layui清空表单数据

你可以使用 layui 提供的 form 模块中的 `reset()` 方法来清空表单数据。具体使用方法如下：

1. 在 HTML 中给表单添加一个 id：

<form class="layui-form" id="my-form">
  <!-- 表单内容 -->
</form>

2. 在 JavaScript 中使用 `reset()` 方法清空表单数据：

layui.use(['form'], function(){
  var form = layui.form;
  
  // 监听表单提交事件
  form.on('submit(submit-btn)', function(data){
    // 在提交表单之前，先清空表单数据
    $('#my-form')[0].reset();
    // 其他表单提交逻辑
    return false;
  });
});

其中，`submit-btn` 是表单提交按钮的 lay-filter 属性值，用于监听表单提交事件。`$('#my-form')[0].reset();` 代码中的 `#my-form` 就是我们在 HTML 中给表单添加的 id。

相关问题

layui清空表单数据_layui如何清除表单数据

在 layui 中，可以通过以下两种方式清空表单数据：

1. 使用 jQuery 的 `reset()` 方法

可以通过以下代码来清空表单数据：

$('#formId')[0].reset();

其中，`formId` 为表单的 id。

2. 使用 layui 的 `form` 模块提供的 `render()` 方法

可以通过以下代码来清空表单数据：

layui.use('form', function(){
  var form = layui.form;
  form.render(null, 'formId');
});

其中，`formId` 为表单的 id。这种方式需要先引入 layui 的 `form` 模块。

layui 清除from 数据

如果您想要清除表单中的数据，可以使用 layui 提供的 form 模块中的 reset() 方法。具体使用方法如下：

// 获取表单对象
var form = layui.form;

// 监听表单提交事件
form.on('submit(formSubmit)', function(data) {
  // 表单提交逻辑处理

  // 清空表单数据
  form.reset();

  return false; // 阻止表单跳转
});

在上述代码中，form.reset() 方法可以清空表单中的所有数据。请注意，该方法会清空表单中所有的输入框、下拉框、单选框、复选框等元素的值。如果您只想清空某一个输入框的值，可以使用 jQuery 的 val() 方法，例如：

// 清空某个输入框的值
$('#inputId').val('');