<%@ page language="java" contentType="text/html; charset=UTF-8"

    pageEncoding="UTF-8"%>

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">

<html>

<head>

<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">

<title>Insert title here</title>

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

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

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

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

<!--  <script type="text/javascript" src="js/jquery-easyui-1.4.4/easyloader.js'"></script>    -->

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

<script type="text/javascript">

$(function(){

    $("#myform").form({

        novalidate:false,

        url:'TestSubmit',

        onSubmit:function(){

    var isValid = $(this).form('validate');

//    alert('表单测试 = ' + isValid);

    if(!isValid){

    $.messager.show({title:'表单验证',msg:'验证未通过'});

    }

    return isValid;

        },success:function(data){

            alert(data);        //如果提交成功则隐藏进度条

            }

    })

    $('#subbutton').click(function(){

        $("#myform").form('submit');

    });

})

</script>

</head>

<body>

<div id="mypanel" class="easyui-panel" title="用户信息" style="width:300px;height:500px">

<form id="myform" action="" method="post" >

<table>

<tr>

<td>用户名称</td>

<td><input class="easyui-textbox" data-options=

"required:true,validType:'length[2,5]',invalidMessage:'名称错误'" width="30"></td>

</tr>

<tr>

<td>密码</td>

<td><input class="easyui-textbox" data-options=

"required:true,validType:'length[6,6]',type:'password',invalidMessage:'密码长度为6'" width="30"></td>

</tr>

<tr>

<td>年龄</td>

<td><input class="easyui-numberbox" data-options=

"required:true,precision:0,min:18,max:60" width="30"></td>

</tr>

<tr>

<td>城市</td>

<td><select class="easyui-combobox" style="width=100px">

<option value="0">未选择</option>

<option value="1">北京</option>

<option value="2">天津</option>

</select>

</td>

</tr>

<tr>

<td>城市1:</td>

<td><input id="yij" class="easyui-combobox" style="width:100px" data-options=

"valueField:'id',textField:'name',url:'JsonMembers?parentid=0',editable:false,value:'-1',

onSelect:function(rec){

    var url = 'JsonMembers?parentid='+rec.id;

    $('#erj').combobox('clear');

    $('#erj').combobox('reload',url);

    $('#erj').combobox('setValue','-1');

}">

</td>

</tr>

<tr>

<td>城市2:</td>

<td><input id="erj" class="easyui-combobox" style="width:100px" data-options=

"valueField:'id',textField:'name',editable:false,url:'JsonMembers',value:'-1',

onSelect:function(rec){

    var url = 'JsonMembers?parentid='+rec.id;

    $('#sanj').combobox('clear');

    $('#sanj').combobox('reload',url);

    $('#sanj').combobox('setValue','-1');

}">

</td>

</tr>

<tr>

<td>城市3:</td>

<td><input id="sanj" class="easyui-combobox" style="width:100px" data-options=

"valueField:'id',textField:'name',editable:false,url:'JsonMembers',value:'-1'">

</td>

</tr>

<tr>

<td>生日</td>

<td><input class="easyui-datebox" data-options="required:true,editable:false" width="30"></td>

</tr>

<tr>

<td>工资</td>

<td><input class="easyui-numberbox" data-options=

"required:true,precision:2,min:0,max:6000,prefix:'$'" width="30"></td>

</tr>

<tr>

<td>用户邮箱</td>

<td><input class="easyui-textbox" data-options=

"required:true,validType:'email',missingMessage:'这是必填项'" width="30"></td>

</tr>

<tr>

<td>个人主页</td>

<!--另外一种框体         <input class="easyui-validatebox" data-options= -->

<td><input class="easyui-textbox" data-options=

"required:false,validType:'url',inonCls:'icon-search',prompt:'提示信息'" width="30"></td>

</tr>

<tr>

<td>注册时间</td>

<td><input class="easyui-datetimebox" data-options="required:true,editable:false" width="30"></td>

</tr>

<tr>

<td colspan=2 align="center">

<a id="subbutton" class="easyui-linkbutton" style="width:80px;">提交</a>

</td>

</tr>

</table>

</form>

</div>

</body>

</html>

20151226--easyUI的更多相关文章

  1. 前端框架 EasyUI （2）页面布局 Layout

    在 Web 程序中,页面布局对应用程序的用户体验至关重要. 在一般的信息管理类的 Web 应用程序中,页面结构通常有一个主工作区,然后在工作区上下左右靠近边界的区域设置一些边栏,用于显示信息或放置一些 ...

  2. 前端框架 EasyUI （1）熟悉一下EasyUI

    jQuery EasyUI 官方网站 http://www.jeasyui.com/ .去年新开了个中文网 http://www.jeasyui.net/,不知道是不是官方的,不过看着挺像样.但是,广 ...

  3. 前端框架 EasyUI （0） 重新温习（序言）

    几年前,参与过一个项目.那算是一个小型的信息管理系统,BS 结构的,前端用的是基于 jQuery 的 EasyUI 框架. 我进 Team 的时候,项目已经进入开发阶段半个多月了.听说整个项目的框架是 ...

  4. ASP.NET MVC5+EF6+EasyUI 后台管理系统（1）-前言与目录（持续更新中...）

    开发工具:VS2015(2012以上)+SQL2008R2以上数据库  您可以有偿获取一份最新源码联系QQ:729994997 价格 666RMB  升级后界面效果如下: 任务调度系统界面 http: ...

  5. ASP.NET MVC5+EF6+EasyUI 后台管理系统（81）-数据筛选（万能查询）

    系列目录 前言 听标题的名字似乎是一个非常牛X复杂的功能,但是实际上它确实是非常复杂的,我们本节将演示如何实现对数据,进行组合查询(数据筛选) 我们都知道Excel中是如何筛选数据的.就像下面一样 他 ...

  6. ASP.NET MVC5+EF6+EasyUI 后台管理系统（63）-Excel导入和导出-自定义表模导入

    系列目录 前言 上一节使用了LinqToExcel和CloseXML对Excel表进行导入和导出的简单操作,大家可以跳转到上一节查看: ASP.NET MVC5+EF6+EasyUI 后台管理系统(6 ...

  7. ASP.NET MVC5+EF6+EasyUI 后台管理系统（80）-自由桌面

    系列目录 前言 这次我们来做一个有趣的事情,有朋友跟做了很远,找我要自由桌面的代码,这次我们将演示自由桌面的代码. 自由桌面:用户可以随意增删改桌面的布局.个数(只留自己需要看到的数据),这次纯属Ea ...

  8. ASP.NET MVC5+EF6+EasyUI 后台管理系统（67）-MVC与ECharts

    系列目录 ECharts 特性介绍 ECharts,一个纯 Javascript 的图表库,可以流畅的运行在 PC 和移动设备上,兼容当前绝大部分浏览器(IE8/9/10/11,Chrome,Fire ...

  9. 套用JQuery EasyUI列表显示数据、分页、查询

    声明,本博客从csdn搬到cnblogs博客园了,以前的csdn不再更新,朋友们可以到这儿来找我的文章,更多的文章会发表,谢谢关注! 有时候闲的无聊,看到extjs那么肥大,真想把自己的项目改了,最近 ...

  10. JQuery easyUI DataGrid 创建复杂列表头(译)

    » Create column groups in DataGrid The easyui DataGrid has ability to group columns, as the followin ...

随机推荐

  1. 网易云课堂_C++程序设计入门(上)_第6单元：丹枫虽老犹多态–继承与多态_第6单元作业【2】- 在线编程（难度：中）

    第6单元作业[2]- 在线编程(难度:中) 查看帮助 返回   温馨提示: 1.本次作业属于Online Judge题目,提交后由系统即时判分. 2.学生可以在作业截止时间之前不限次数提交答案,系统 ...

  2. 关于视觉里程计以及VI融合的相关研究（长期更新）

    1. svo 源码:https://github.com/uzh-rpg/rpg_svo 国内对齐文章源码的研究: (1)冯斌: 对其代码重写 https://github.com/yueying/O ...

  3. Sumsets(3sum问题，枚举d,c二分a+b)

    Sumsets Time Limit: 1000MS   Memory Limit: 65536K Total Submissions: 9997   Accepted: 2736 Descripti ...

  4. 《think in python》学习-8

    字符串 字符串是一个序列,可以用方括号操作符来访问字符串中的单独字符 fruit = 'banana' letter = fruit[1] 方括号中的表达式称为下标 下标从0 开始 任何表达式,包括变 ...

  5. shell 学习

    将maven 项目里面的jar 包导出目录: 在项目里面执行: mvn dependency:copy-dependencies -DoutputDirectory=lib shell 参数之间必有空 ...

  6. 《C++ Primer Plus 6th》读书笔记 - 第九章 内存模型和名称空间

    1. 单独编译 1.1 头文件中常包含的内容: 函数原型 使用#define或const定义的符号常量 结构声明 类声明 模板声明 内联声明 1.2 只需将源代码文件加入到项目中,而不用加入头文件.这 ...

  7. thoughtworks家庭作业C++版本

    商品类: #ifndef ITEM_H_ #define ITEM_H_ class SalesTax; //This represents the Items which don't have an ...

  8. C++中内存分配详解

    转载自51CTO.com           http://developer.51cto.com/art/201107/276154.htm 我们都知道,内存基本上分为静态存储区.堆区和栈区三大部分 ...

  9. Normalize.css 介绍与源码解读

    开始 Normalize.css 是一个可定制的 CSS 文件,使浏览器呈现的所有元素,更一致和符合现代标准;是在现代浏览器环境下对于CSS reset的替代. 它正是针对只需要统一的元素样式.该项目 ...

  10. 封装jQuery插件的步骤

    引语:jQuery提供了很多插件,我们在开发的过程使用插件能节省时间简化开发也避免从头开始编写每个组件,单我们除了懂得使用别人已编写好的插件以外,也到懂得如何封装属于我们自己的插件,以下就是封装jQu ...