<form method="post"> <div class="layui-form-item"> <label for="L_email" class="layui-form-label">邮箱</label> <div class="layui-input-inline"> <input type="text" id="L_email" name="email" lay-verify="required|email" autocomplete="off" class="layui-input" placeholder="请输入邮箱" /> </div> </div> <div class="layui-form-item"> <label for="L_pass" class="layui-form-label">密码</label> <div class="layui-input-inline"> <input type="password" id="L_pass" name="pass" lay-verify="required" autocomplete="off" class="layui-input" placeholder="请输入密码" minlength="6" maxlength="20" /> </div> </div> <div class="layui-form-item"> <label for="L_vercode" class="layui-form-label">验证码</label> <div class="layui-input-inline"> <input type="text" id="L_vercode" name="vercode" lay-verify="required" placeholder="请输入后面显示的字符" autocomplete="off" class="layui-input" minlength="4" maxlength="4" /> </div> <div class="layui-input-inline"> <span style="color: #c00;"><img src="/Ajax/CodeImage" class="fly-imagecode" id="vcodeimg"></span> </div> </div> <div class="layui-form-item"> <button class="layui-btn" lay-filter="btnSignIn" lay-submit>立即登录</button> <span style="padding-left:20px;"> <a href="forget.html">忘记密码?</a> </span> </div> <div class="layui-form-item fly-form-app"> <span>或者使用社交账号登入</span> <a href="" onclick="layer.msg('正在通过QQ登入', {icon:16, shade: 0.1, time:0})" class="iconfont icon-qq" title="QQ登入"></a> <a href="" onclick="layer.msg('正在通过微博登入', {icon:16, shade: 0.1, time:0})" class="iconfont icon-weibo" title="微博登入"></a> </div> </form>
layui.use(['form', 'layedit', 'laydate'], function () { var form = layui.form; form.verify({ }); form.on('submit(btnSignIn)', function (data) var url = '/Ajax'; $.get(url, data.field, function (json) { if (json.result) { parent.location.href = "/"; } else { layer.msg(json.msg); } }, 'json') return false; }); });
来源:https://www.cnblogs.com/hofmann/p/12585459.html