Form插件

<!DOCTYPE html>

<html>

 

    <head>

        <meta charset="utf-8" />

        <title></title>

        <script type="text/javascript" src="js/jquery-easyui-1.4.3/jquery.min.js"></script>

        <script type="text/javascript" src="js/jquery-easyui-1.4.3/jquery.easyui.min.js" charset="UTF-8"></script>

        <link rel="stylesheet" href="js/jquery-easyui-1.4.3/themes/default/easyui.css" />

        <link rel="stylesheet" href="js/jquery-easyui-1.4.3/themes/icon.css" />

        <script type="text/javascript" src="js/jquery-easyui-1.4.3/locale/easyui-lang-zh_CN.js"></script>

 

        <script type="text/javascript">

            var loginAndRegDialog;

            var loginInputDialog;

            $(function() {

                loginAndRegDialog = $('#loginAndRegDialog').dialog({

                    closable: false, //去掉带关闭按钮的dialog

                    modal: true, //模式化窗口

                    buttons: [{

                        text: '注册',

                        handler: function() {}

                    }, {

                        text: '登陆',

                        handler: function() {

                            $('#loginInputDialog').submit()

                            

                        }

                    }]

                });

                loginInputDialog = $('#loginInputDialog').form({

                    url: 'userController.do?login',

                    success: function(r) {

                        //                                    console.info(r.msg);

                        r = eval("("
+ r +")");

                        if (r && r.success) {

                            loginAndRegDialog.dialog('close');

                            $.messager.show({

                                title: '提示',

                                msg: r.msg

                            });

                        } else {

                            $.messager.alert('提示', r.msg);

                        }

                    }

                });

            });

        </script>

    </head>

 

    <body>

        <div id="loginAndRegDialog" title="用户登陆" style="width:300px;height:200px;">

            <!--用户名密码输入框-->

            <table>

                <form id="loginInputDialog" method="post">

                    <tr>

                        <th>用户名</th>

                        <td>

                            <input type="text" name="username">

                        </td>

                    </tr>

                    <tr>

                        <th>密码</th>

                        <td>

                            <input type="password" name="password">

                        </td>

                    </tr>

                </form>

            </table>

        </div>

    </body>

 

</html>

无刷新提交，用的隐藏的iframe

支持文件域的。

也可以使用r=$.parseJSON(r)来转化为json对象;

 

ValidateBox

<input type="text" name="username" class="easyui-validatebox" required="true">

与validatefrom控件绑定的。

每天学一点easyui②的更多相关文章

  1. 每天学一点easyui①

    引入js和css文件 <script type="text/javascript" src="js/jquery-easyui-1.4.3/jquery.min.j ...

  2. 学一点 MYSQL 双机异地热备份—-MYSQL主从，主主备份原理及实践

    简单介绍mysql双机,多机异地热备简单原理实战. 双机热备的概念简单说一下,就是要保持两个数据库的状态自动同步.对任何一个数据库的操作都自动应用到另外一个数据库,始终保持两个数据库数据一致. 这样做 ...

  3. 每天学一点Python

    9月11日 1.用List实现Python里的?:条件表达式 ["false","true"][判断条件] 其实就是一个List[0]还是List[1]的问题. ...

  4. 学一点Git--20分钟git快速上手

    (图片已修复)在Git如日中天的今天,不懂git都不好意思跟人说自己是程序猿.你是不是早就跃跃欲试了,只是苦于没有借口(契机). 好吧,机会就在今天. 给我20分钟,是的,只要20分钟, 让你快速用上 ...

  5. 学一点Git--20分钟git快速上手 [Neil]

    From: http://www.cnblogs.com/shuidao/p/3535299.html (图片已修复)在Git如日中天的今天,不懂git都不好意思跟人说自己是程序猿.你是不是早就跃跃欲 ...

  6. 学一点 mysql 双机异地热备份----快速理解mysql主从，主主备份原理及实践

    双机热备的概念简单说一下,就是要保持两个数据库的状态 自动同步.对任何一个数据库的操作都自动应用到另外一个数据库,始终保持两个数据库数据一致. 这样做的好处多. 1. 可以做灾备,其中一个坏了可以切换 ...

  7. 每天学一点Docker（4）-深入了解容器概念

    什么是容器? 容器是一个自包含,可移植,轻量级的软件打包技术.是应用程序在任何地方几乎以相同方式运行.开发人员在开发机上创建好容器,无需任何修改就能在虚拟机,云服务器或公有云主机上运行. 容器与虚拟机 ...

  8. 每天学一点---图形图像GDI编程

    首先先了解什么是 GDI 呢?GDI 是从 Windows 95 到 Windows 2000 随附的旧版绘图装置接口 (Graphics Device Interface), 是属于绘图方面的 AP ...

  9. 【转】学一点Git--20分钟git快速上手

    看到一篇不错的Git的简单入门教程,转过来给自己留个底. 原文地址:http://www.cnblogs.com/shuidao/p/3535299.html 在Git如日中天的今天,不懂git都不好 ...

随机推荐

  1. OO——求导作业总结

    目录 OO--求导作业总结 程序结构的分析 第一次作业 第二次作业 第三次作业 对多项式合法性判断的讨论 程序bug的分析 未通过的互测bug bug的位置与程序结构的关系 继承和接口的使用 互测 手 ...

  2. 名字&值

    1)名字VS值 名字和内存(存储)位置相关联. 名字—(环境)———>位置——(状态)——>值 这两个映射都在随着程序的运行而改变. 2)环境VS状态 环境是指一个名字到存储位置映射,也可 ...

  3. centos配置静态ip地址

    1.输入以下命令: vim /etc/sysconfig/network-scripts/ifcfg-eth0 2.注释掉BOOTPROTO=dhcp 3.添加如下内容: ONBOOT=yes 表示开 ...

  4. 简单利用Clover四叶草安装U盘安装黑苹果

    配置是I5-7600K+技嘉Z270X-UD3+GTX 1050+简单利用Clover四叶草安装U盘安装黑苹果 <ignore_js_op><ignore_js_op> 成功黑 ...

  5. 一个简单python爬虫的实现——爬取电影信息

    最近在学习网络爬虫,完成了一个比较简单的python网络爬虫.首先为什么要用爬虫爬取信息呢,当然是因为要比人去收集更高效. 网络爬虫,可以理解为自动帮你在网络上收集数据的机器人. 网络爬虫简单可以大致 ...

  6. mssqlserver分区表的左值与右值

    参考官方文档: https://docs.microsoft.com/zh-cn/sql/t-sql/statements/create-partition-function-transact-sql ...

  7. Java基础——常用类之日期时间类

    如果有机会,请尝试Java8中全新的时间日期API!(参见Java8新特性随笔) 如果还是使用Java7及之前的版本,那么你可以尝试一些工具类(参考使用工具类相关的Hutool-DateUtil) 如 ...

  8. python字典键值对转化为相应的变量名和变量值

    将python字典键值对转化为相应的变量名和变量值可以使用以下方法: globals().update({"name":"value"}) locals().u ...

  9. C++中各个后缀名文件的作用

    1.tlb.tlh和tli文件的关系   tlb文件:com类型库文件.在需要使用对应com类的模块里,“#import ...*.tlb”使用之.tlh.tli文件:他们是vc++编译器解析tlb文 ...

  10. kruskal重构树

    kruskal重构树 kruskal重构树,顾名思义,是在kruskal的时候顺便搞出来的一棵重构树,具体地说是一个堆. 先说说这个东西是怎么搞出来的吧:默认事先把边按边权从小到大排序,在kruska ...