<%@ 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>测试表单</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/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" title="用户信息"  class="easyui-panel" style="width:220px;height:400px;">

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

<table>

<tr>

<td>用户名称:</td>

<td><input width=30 class="easyui-textbox"

data-options="required:true,validType:'length[2,5]',missingMessage:'必须填写用户名'"/></td>

</tr>

<tr>

<td>用户邮箱:</td>

<td><input width=30 class="easyui-textbox"

data-options="required:true,validType:'email',invalidMessage:'请填写有效的邮箱'"/></td>

</tr>

<tr>

<td>个人主页:</td>

<td><input width=30 class="easyui-textbox"

data-options="required:false,validType:'url',prompt:'提示信息',iconCls:'icon-search'"/></td>

</tr>

<tr>

<td>密码:</td>

<td><input type="password" width=30 class="easyui-textbox"

data-options="required:true,validType:'length[6,6]',missingMessage:'请输入6位数密码'"/></td>

</tr>

<tr>

<td>年龄:</td>

<td><input width=30 class="easyui-numberbox"

data-options="required:false,precision:2,min:18,max:70"/></td>

</tr>

<tr>

<td>工资:</td>

<td><input width=30 class="easyui-numberbox"

data-options="required:false,precision:0,min:0,prefix:'$'"/></td>

</tr>

<tr>

<td>生日:</td>

<td><input width=30 class="easyui-datebox"

data-options="required:true,editable:false"/></td>

</tr>

<tr>

<td>注册时间:</td>

<td><input width=30 class="easyui-datetimebox"

data-options="required:true,editable:false"/></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="required:false,

valueField:'id',

textField:'name',

url:'JsonMembers?parentid=0',

value:'-1',

onSelect:function(rec){

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

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

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

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

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

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

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

}" />

</td>

</tr>

<tr>

<td>城市2:</td>

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

data-options="required:false,valueField:'id',textField:'name',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="required:false,valueField:'id',textField:'name',url:'JsonMembers',value:'-1'" />

</td>

</tr>

<tr>

<td colspan=2 align="center">

<a id='subbutton' class="easyui-linkbutton" style="width:40px">提交</a></td>

</tr>

</table>

</form>

</div>

</body>

</html>

EasyUI表单内容整理的更多相关文章

  1. EasyUI表单验证，自定义插件验证，自定义js插件验证，远程验证，常见手机号，中英文，qq等验证规则验证

     { field : 'startPort', title : "起始端口", editor: "text", width : 50, editor: { ...

  2. easyui表单插件-包括日期时控件-列表

    ← jQuery EasyUI 表单插件 – Numberspinner 数值微调器 jQuery EasyUI 表单插件 - Timespinner 时间微调器  jQuery EasyUI 插件 ...

  3. easyui表单提交，后台获取不到值

    J2ee开发,使用easyui表单提交,在ie中可以正常将参数传递到后台,但使用firefox,chrome都无法将easyui的combobox值传递到后台,使用alert($('#form').s ...

  4. c#程序为PDF文件填写表单内容

    众所周知,PDF文件一般情况下是无法修改的,如果你有一张现成的PDF表格,这时想通过编程实现从数据库或者动态生成内容去填写这张表格,就会有些问题了,首先我们要解决以下2个重要的问题: 1.如何将内容写 ...

  5. easyUI表单基础知识

    easyUI创建异步提交表单 我们创建一个带有 name.email 和 phone 字段的表单.通过使用 easyui 表单(form)插件来改变表单(form)为 ajax 表单(form).表单 ...

  6. Django--post提交表单内容

    本节目标:①.提交表单内容②.通过客户端提交表单新增一篇文章③.通过Django的forms组件来完成新增一篇文章 =======提交表单内容======== 1.前端html:login.html ...

  7. JQuery EasyUI 表单

    EasyUI 创建异步提交表单 ♦ 通过使用 easyui 表单插件来改变表单为 ajax表单. 表单提交所有字段到后台服务器,服务器处理和发送一些数据返回到前端页面.我们接收返回数据,并将它显示出来 ...

  8. 雷林鹏分享：jQuery EasyUI 表单 - 创建异步提交表单

    jQuery EasyUI 表单 - 创建异步提交表单 本教程向您展示如何通过 easyui 提交一个表单(Form).我们创建一个带有 name.email 和 phone 字段的表单.通过使用 e ...

  9. 雷林鹏分享：jQuery EasyUI 表单 - 创建树形下拉框

    jQuery EasyUI 表单 - 创建树形下拉框 树形下拉框(ComboTree)是一个带有下列树形结构(Tree)的下拉框(ComboBox).它可以作为一个表单字段进行使用,可以提交给远程服务 ...

随机推荐

  1. 【前端】制作一个handlebars的jQuery插件

    (function($) { var compiled = {}; $.fn.handlebars = function($srcNode, data) { // 取出模版内容 var src = $ ...

  2. 内置函数callable(object)

    如果对象object参数是可以调用的对象,就返回True:否则返回False.不过要注意的是,当一个对象是可以调用的,并不表示调用该对象时执行一定成功,但不可调用的对象去调用时一定不会成功.如果类对象 ...

  3. iOS中事件传递过程

    iOS中,UIApplication管理着一个事件的队列,当系统获取用户的点击或滑动等事件后,就会将这些事件按顺序插入UIApplication管理的这个队里中,UIApplication再从这个队列 ...

  4. JSP Filter用法

    1.filter的作用 在HttpServletRequest请求到达Servlet之前,拦截客户的HttpServletRequest 根据需要检查HttpServletRequest的相关信息,修 ...

  5. [转]NandFlash和NorFlash的区别

    一． NAND和NOR的比较 NOR和NAND是现在市场上两种主要的非易失闪存技术.Intel于1988年首先开发出NOR flash技术,彻底改变了原先由EPROM 和EEPROM一统天下的局面.紧 ...

  6. KEEPALIVED

    keepalived 一.原理: 功能:能够自动实现将用户访问的ip转移的方法,故障重启,故障,恢复切换,故障报警 模型:Master/Backup 使用场景:节点少,没有共享存储等等.他只能有一个主 ...

  7. MVC文章汇总

    http://www.cnblogs.com/yaozhenfa/category/541420.html http://www.cnblogs.com/yubaolee/p/3269043.html ...

  8. Markdown中插入数学公式的方法

    Markdown中插入数学公式的方法 文章来源:http://blog.csdn.net/xiahouzuoxin/article/details/26478179 自从使用Markdown以来,就开 ...

  9. C#利用服务器实现客户端之间通信

    这两天在学习C#,C#高级编程真的是厚厚的一本书QAQ. 昨天看了一下里面的通信部分(其实还没怎么看),看了网上一些人的博客,自己在他们的博客基础上写了一个通信. 先来讲述下我自己对于整个Socket ...

  10. iOS tabBar双击事件

    思路: 在tabBarController的代理方法 shouldSelectViewController 中, 通过判断tabBar选中的控制器是否是当前控制器 并 比对两次点击的时间间隔 来判断是 ...