• layui表单提交


                            <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;
        });
    
    });
  • 相关阅读:
    转:[windows]DOS批处理添加任务计划
    转:winform_webApiSelfHost及 OWIN WebAPI Service
    Ubuntu上将终端安装到右键上
    Ubuntu上安装VMware tools
    OpenStack中的rabbitmq的配置方法
    centos上的grub文件修改
    centos7上安装0penStack
    怎样使用yum安装OpenStack
    epel扩展库的安装
    centos7上修改主机名
  • 原文地址:https://www.cnblogs.com/hofmann/p/12585459.html
Copyright © 2020-2023  润新知