EasyUI登陆框(练习)

<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title></title>
    <script src="jquery-easyui-1.4/jquery.min.js"></script>
    <script src="jquery-easyui-1.4/jquery.easyui.min.js"></script>
    <link href="jquery-easyui-1.4/themes/icon.css" rel="stylesheet" />
    <link href="jquery-easyui-1.4/themes/default/easyui.css" rel="stylesheet" />
    <script src="jquery-easyui-1.4/locale/easyui-lang-zh_CN.js"></script>
    <script type="text/javascript">
        var loginDiv;
        $(function () {
            loginDiv = $("#loginDiv").dialog({
                closable: false,
                modal: true,
                title: "欢迎您来到登录界面",
                buttons: [
                    {
                        text: "注册",
                        handler: function () { }
                    }, {
                        text: "登录",
                        handler: function () {
                            console.info("你丫的敢点我!");
                            //提交数据:http://www.jb51.net/article/21051.htm
                            console.info($("#loginFrom").serialize());
                            $.ajax({
                                url: sy.bh() + ‘/userController.do?login‘,
                                data: $("#loginFrom").serialize(),
                                cache: false,
                                datatype: ‘json‘,
                                success: function (r) {
                                    if (r & r.success) {
                                        $("#loginDiv").dialog("close");
                                        $.messager.show({
                                            title: ‘提示‘,
                                            msg: r.msg
                                        });
                                    } else {
                                        $.messager.alert(‘标题‘, r.msg);
                                    }
                                }
                            });
                        }
                    }
                ]
            });
        });
    </script>
</head>
<body>
    <form id="loginFrom" method="post" runat="server">
        <div>
            <div id="loginDiv" style="width: 250px; height: 150px;">
                <table style=" padding:10px">
                    <tr><th  style="text-align:right">用户名</th><td><input name="name"" /></td></tr>
                    <tr><th  style="text-align:right">密&nbsp;码</th><td><input type="password" name="psw"/></td></tr>
                </table>
            </div>
        </div>
    </form>
</body>
</html>

未完成。。。

时间: 2024-10-12 22:52:38

EasyUI登陆框(练习)的相关文章

关于e.preventDefault() 阻止默认行为 对登陆框限制输入的解决方法

当登陆框div内的length 为0时,执行e.preventDefault() //删除左后空格 function trim(str){ return str.replace(/(^\s*)|(\s*$)/g,''); } if (trim(this.innerHTML).length==0) e.preventDefault(); //div内长度0时候 执行阻止默认行为,否则不执行

Android的弹出登陆框的实现

最近在做一个项目,要用到登陆框,几经波折,最后用的是直接将Activity的Theme属性设置成Dialog,然后达到了我想要的效果. 下面是我的实现经历: 1.首先,我是直接使用AlertDialog来实现,确定是,形状有点难看,而且获得Dialog里面的控件略显麻烦(因为我要做的登陆框有一定的布局),然后就给我就放弃了,可能因为我太水了,不能很好的使用它 2.然后我就使用PopupWindow来实现,界面是达到了我的要求,控件的获得通过Inflater就可以获得了相对较简单,但是有一个缺点就

页面登陆框老是乱乱的?banner跨页图片缩小之后总是在側面不能显示主要部分?哈哈~我来帮你忙~~

有banner背景图片和登陆框的html.css排布 目的:无论页面大小,背景图片都要居中(显示图片中间主要内容,而不是側面的一些东西),登陆框基本能在页面内显示. 盒子的排列应该是这种: <div id="index-banner-background"> <!--用来放背景图片以及设置内容--> <div id="index-logbox">                <!--做一个大盒子,用来盛放登陆框-->

javascript实现弹出登陆框效果

先来看看效果吧 初始情况下 2.点击登陆按钮  3.点击close按钮,或者单击灰色区域后,登陆窗口会消失. html结构 <body> <span class="btn" id="BTN">login</span> </body> css样式 *{ margin: 0; padding: 0; } .btn{ position: absolute; top: 50px; right: 100px; display:

基于jQuery鼠标点击弹出登陆框效果

基于jQuery鼠标点击弹出登陆框效果.这是一款扁平样式风格的jQuery弹出层登陆框特效.效果图如下: 在线预览   源码下载 实现的代码. html代码: <input type="button" class="one" value="点击我查看效果" /> <div class="box"> <div class="box2"> <div class=&quo

EasyUI 验证框使用方法

使用过程中的一积累,备查. EasyUI 验证框使用方法://***************************missingMessage:未填写时显示的信息validType:验证类型见下示例invalidMessage:无效的数据类型时显示的信息required="true" 必填项class="easyui-validatebox" 文本验证class="easyui-numberbox" 数字验证******************

(6)C# 之 ADO.NET 登陆框详解

几乎学习到任何一种编程语言,登陆框案列都是必不可少的,那么今天我也来写一篇登陆框案例详解. ①首先是建立数据库表,如下图 ◇说明:errortimes这个字段,主要作用在于每次用户输入错误之后,errortimes就会自增1,当errortimes达到3的时候,该账户就会被锁定.如果用户在errortimes达到3之前成功登陆了,那么errortimes值就会清. ②然后新建一个WPF窗口,如下图 ③双击“登陆按钮”,开始写代码,具体代码如下: 1 if (username.Text.Lengt

模仿Windows飞行视窗的登陆框

<html> <head> <title>模仿Windows飞行视窗的登陆框丨</title> <style> body { padding:0px; margin:0px; background-Color:black; border-width:0px; font-size:12px; color:#DDD; overflow:hidden; } #divLogin { padding:30px; background-Color:#E9FF

第三 课 简易登陆框

一.效果图 二.. 三.源码 <!doctype html> <html> <head> <meta charset="UTF-8"> <meta name="keywords" content="关键词"> <meta name="description" content="描述"> <title>登陆框</titl