layui表单提交

丶灬走出姿态 提交于 2020-03-28 03:51:59
                        <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;
    });

});

 

易学教程内所有资源均来自网络或用户发布的内容,如有违反法律规定的内容欢迎反馈
该文章没有解决你所遇到的问题?点击提问,说说你的问题,让更多的人一起探讨吧!