<form class="layui-form" method="post" action=""><div class="layui-form-item"><label class="layui-form-label">账号</label><div class="layui-input-block"><input type="text" name="name" required lay-verify="required" placeholder="请输入账号" autocomplete="off"class="layui-input" style="width: 200px"></div></div><div class="layui-form-item"><label class="layui-form-label">密码</label><div class="layui-input-inline"><input type="password" name="password" required lay-verify="required" placeholder="请输入密码"autocomplete="off" class="layui-input" style="width: 200px"></div></div><div class="layui-form-item"><div class="layui-input-block"><button class="layui-btn" lay-submit lay-filter="loginForm">立即提交</button><button type="reset" class="layui-btn layui-btn-primary">重置</button></div></div></form>
<script>layui.use(['form','jquery'], function () {var form = layui.form,$ = layui.$;form.on("submit(loginForm)",function (data) {$.ajax({url:'/login/login.do',type:'post',contentType:'application/json;charset=UTF-8',data:JSON.stringify(data.field),dataType:'json',success:function () {}});return false;})})</script>
要注意自己发ajax请求要加上return false,禁止form表单自身提交功能。