The data in my form cannot be recognized. Can you help me find out what is wrong?

Question

<div class="layadmin-user-login-box layadmin-user-login-body layui-form">

<form class="layui-form login-form">

<div class="layui-form-item">

<label class="layadmin-user-login-icon layui-icon layui-icon-username" for="account"></label>

<input type="text" id="account" name="account" placeholder="请输入账号" class="layui-input" value="">

</div>

<div class="layui-form-item">

<label class="layadmin-user-login-icon layui-icon layui-icon-password" for="password"></label>

<input type="password" name="password" class="layui-input" placeholder="请输入密码" id="password"class="layui-input" value="">

</div>

<div class="layui-form-item">

<div class="layui-row">

<div class="layui-col-xs7">

<label class="layadmin-user-login-icon layui-icon layui-icon-vercode" for="code"></label>

<input type="text"id="code" name="code" placeholder="图形验证码" class="layui-input">

</div>

<div class="layui-col-xs5">

<div style="margin-left:10px;">

<img src="{:captcha_src()}" onclick="reloadimg()" id="img" style="height: 38px;width: 130px">

</div>

</div>

</div>

</div>

<div class="layui-form-item" style="margin-bottom: 20px;">

<input type="checkbox" name="remember" lay-skin="primary" title="记住密码">

</div>

</form>

<script type="text/javascript">

layui.use(['layer','form'],function(){

var form = layui.form;

layer = layui.layer;

$ = layui.jquery;

// 用户名控件获取焦点

$('#account').focus();

});

function login(){

var account = $('#account').val();

        var password = $('#password').val();

        var code = $('#code').val();

$.post("login",{

      account: account,

      password: password,

      code:code

    },function(response){

      console.log(response);

    },'json');

}

Answer 1

I don’t quite understand your question, but you can try this

$(form).serialize();

or

$(form).serializeArray();

.