首页 / JQUERY / jquery-ui弹框登录前端写法

jquery-ui弹框登录前端写法

内容导读

互联网集市收集整理的这篇技术教程文章主要介绍了jquery-ui弹框登录前端写法，小编现在分享给大家，供广大互联网技能从业者学习和参考。文章包含1227字，纯文字阅读大概需要2分钟。

内容图文

                新建一个div：

            <div class="container" id="loginForm" hidden>
    <h4 class="form-signin-heading">用户登录</h4>
    <hr />
    <div class="form-group">
        <input type="text"class="form-control" id="KeyName" placeholder="Auth Key" name="Key">
    </div>
    <div class="form-group">
        <input type="password"class="form-control" id="Pwd" placeholder="Auth Secret" name="Secret">
    </div>
    <div class="form-group">
        <button class="btn btn-large btn-primary" id="btnLogin" onclick="LoginCheck()">登录</button>
    </div>
</div>

                弹框js写法，可以存放在初始化中：

            
                function showDialogLogin() {
            $(
                "
                #loginForm
                "
                ).dialog({
                height: 
                300
                ,
                width: 
                200
                ,
                
                //
                 模态开启  
                modal: true,
                // 是否可拖拽  
                draggable: true,
                // 最小宽度  
                minWidth: 300,
                //当用户按 Esc 键之后，是否应该关闭对话框，默认为 true
                closeOnEscape: true

            });
        }

                       获取值登录：

            
                function LoginCheck() {
        
                var key = $("#KeyName").val();
        var Secret = $("#Pwd").val();
        var data = { key, Secret }
        $.ajax({
                type: "post",
                dataType: "json",
                url: ‘/account/Login‘,
                data: data,
            success: function (res) {
                if (res.Message == "success") {
                    $("#loginForm").dialog(‘close‘);
                }
                else {
                    alert("请重新输入");
                }
            },
            error: function () {
                alert("请重新输入");
            },
        });
    };

 

原文：http://www.cnblogs.com/dyxd/p/6594287.html

内容总结

以上是互联网集市为您收集整理的jquery-ui弹框登录前端写法全部内容，希望文章能够帮你解决jquery-ui弹框登录前端写法所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错，欢迎将互联网集市网站推荐给程序员好友。

内容备注

版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 gblab@vip.qq.com 举报，一经查实，本站将立刻删除。

内容手机端

扫描二维码推送至手机访问。

本文链接：https://qyyshop.com/info/1218597.html

来源：【匿名】