layui 赋值和获取form表单

最新推荐文章于 2024-06-18 17:20:41 发布

铁锅炖大鹅(e)

最新推荐文章于 2024-06-18 17:20:41 发布

阅读量6.6k

点赞数 5

CC 4.0 BY-SA版权

分类专栏： JS 文章标签： layui javascript 前端

本文链接：https://blog.csdn.net/weixin_42467322/article/details/127065031

JS 专栏收录该内容

28 篇文章

订阅专栏

本文介绍如何使用layui框架进行表单的赋值与获取值的操作。通过示例代码展示了如何初始化表单并设置默认值，以及如何收集表单数据。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

layui 赋值和获取form表单

有如下layui表单：

<form class="layui-form" action="" lay-filter='testForm'>
  <div class="layui-form-item">
    <label class="layui-form-label">账号</label>
    <div class="layui-input-block">
      <input type="text" name="username" class="layui-input">
    </div>
  </div>
  <div class="layui-form-item">
    <label class="layui-form-label">密码框</label>
    <div class="layui-input-inline">
      <input type="password" name="pass" class="layui-input">
    </div>
  </div>
</form>

获取表单的所有值：

let data = layui.form.val(`testForm`);
console.log("🚀 ~ file: widget.js ~ line 209 ~ data", data);

向表单赋值：

layui.form.val("testForm", { 
  "username": "lele" 
  ,"pass": "123456"
});