layui 获取表单的值

html 代码段

<form class="layui-form" action="" lay-filter="component-form-group" id="recordListSearchForm">
<div class="layui-form" lay-filter="layuiadmin-app-form-list" id="layuiadmin-app-form-list" style="padding: 20px 30px 0 0;">
    <div class="layui-form-item">
        <label class="layui-form-label">角色名称</label>
        <div class="layui-input-block">
            <input type="text" name="role_name" lay-verify="role_name" autocomplete="off" placeholder="请输入角色名称"
                   class="layui-input" id="role_name" value="{$info['role_name']}">
            <input type="hidden" name="id" value="{$info['id']}">
        </div>
    </div>
    <div class="layui-form-item layui-layout-admin">
        <div class="layui-input-block">
            <div class="layui-footer" style="left: 0;">
                <button class="layui-btn" lay-submit="" lay-filter="component-form-demo1">立即提交</button>
            </div>
        </div>
    </div>
</div>

第一种方法：点击提交按钮

form.on('submit(component-form-demo1)', function (data) {
    //表单数据formData
    var formData = data.field;
});

第二种方法：自动获取

		var d = {};
        var t = $('#recordListSearchForm [name]').serializeArray();
        $.each(t, function() {
            d[this.name] = this.value;
        });
        data = JSON.stringify(d);