-
jquery easyUI 表单验证问题50
<form id="roleForm" method="post">
<table width="100%" height="60px">
<tr>
<td width="90px" align="center">
<input name="id" type="hidden">
<label for="name">角色名称:</label>
</td>
<td>
<input id ="name" class="easyui-validatebox" data-options="required:true" type="text" name="name" />
</td>
<td width="110px" align="center">
<label for="describe">角色描述:</label>
</td>
<td>
<input class="easyui-validatebox" type="text" name="describe" />
</td>
</tr>
<tr>
<td width="90px" align="center">
<label for="enabled">状态:</label>
</td>
<td align="center">
<input type="radio" name="enabled" value="true" checked="checked" align="left">启用
<input type="radio" name="enabled" value="false" align="right">禁用
<input type="hidden" name="_enabled">
</td>
<td width="110px" align="center">
<label for="isSys">系统管理员:</label>
</td>
<td align="center">
<input type="radio" name="isSys" value="true" align="left" checked="checked">是
<input type="radio" name="isSys" value="false" align="right">否
<input type="hidden" name="_isSys">
</td>
</tr>
</table>
</form>
js：
//初始化form
function doInitForm() {
$("#roleForm").form("clear");
$("input[name='enabled']:eq(0)").attr("checked", "checked");
$("input[name='isSys']:eq(0)").attr("checked", "checked");
}
//关闭form
function doCancel() {
$('#addRoleWin').window('close');
}
//新增
function doAdd() {
doInitForm();
$('#addRoleWin').window('open');
}
当我调用doAdd时tip就出来了
直接点取消时，win关闭了但是tip显示在本页面（0,0）位置
2013年3月22日 09:52
2条评论
关注(0)2个答案 按时间排序 按投票排序
-
我把这个问题解决了，在窗口关闭时加上一句去除验证信息的语句就可以了。
代码如下：$('.validatebox-tip').remove();2013年4月11日 14:13
相关推荐
jQuery EasyUI 的核心在于其组件系统，这些组件包括但不限于数据网格（datagrid）、下拉菜单（combobox）、对话框（dialog）、表单（form）、布局（layout）、菜单（menu）、面板（panel）、进度条（progressbar）、...
在这个"ssm+jqueryeasyui案例"中，我们可以学习如何将这三者结合，构建出功能完善的Web应用。首先，我们需要在项目中引入SSM框架的相关依赖，包括Spring的核心库、SpringMVC的Servlet容器配置以及MyBatis的数据库...
通过自定义 jQuery EasyUI 的验证规则，我们可以根据实际需求创建更加灵活和高效的前端表单验证机制。以上介绍的验证规则涵盖了常见的表单验证场景，如中文验证、邮政编码验证、手机号码验证等。开发者可以根据自己...
- **Form**：表单组件，可以方便地创建和验证表单数据。 - **Tree**：树形结构组件，适用于展示层次关系的数据。 - **Combobox**：下拉选择框，结合输入框和下拉列表，提供搜索和选择功能。 - **Menu**：菜单...
这些规则不仅提高了表单验证的灵活性和可维护性，还大大简化了开发者的编码工作。掌握这些正则表达式的应用，能够帮助我们更高效地完成前端数据验证任务。在实际项目中，根据具体的业务需求灵活运用这些规则，可以使...
5. **表单（Form）**：提供各种表单元素和验证机制，便于用户输入和数据提交。 6. **按钮（Button）**：创建具有不同功能的按钮，如普通按钮、链接按钮、复选按钮等。 7. **面板（Panel）**：封装内容的容器，可以...
`.form()`方法用于处理表单提交和验证，使得数据管理和验证更加简便。 6. **布局(Layout)**：EasyUI 的布局组件可以帮助你创建响应式的页面结构，包括顶部、底部、左侧和右侧的面板，以及可伸缩的中心区域。 7. **...
jQuery EasyUI 提供了一系列表单组件，如复选框（checkbox）、单选按钮（radio）、日期选择器（datebox）等，方便创建和验证表单。 ### 3. 主题系统 jQuery EasyUI 支持多主题，开发者可以通过修改或自定义 CSS ...
4. **表单（Form）**: 提供各种表单元素，如输入框、下拉框、复选框等，支持数据验证。 5. **菜单（Menu）**: 创建下拉菜单或级联菜单，用于导航或操作。 6. **按钮（Button）**: 包括普通按钮、链接按钮、复选按钮...
《jQuery EasyUI 1.7.0：打造高效前端界面的利器》 jQuery EasyUI 是一个基于 jQuery 的轻量级框架，它为开发者提供了一系列组件，使得构建交互式、响应式的Web应用程序变得更加简单。在1.7.0版本中，这个强大的...
EasyUI 提供了验证和提交表单的 API。 4. **菜单（Menu）**：Menu 可以创建多级下拉菜单，常用于网站导航或操作选项展示。 5. **树形结构（Tree）**：Tree 显示层次化的数据，支持节点的展开、折叠、选择等操作。 ...
2. **表单组件**：包括`form`（表单）、`textbox`（文本框）、`passwordbox`（密码框）、`datetimebox`（日期时间框）等，为表单数据的输入和验证提供了便利。 3. **数据展示组件**：`datagrid`（数据网格）和`...
在大数据量展示时，使用EasyUI的分页功能可能会导致性能问题。通过结合`datagrid`的`onLoadSuccess`事件和Ajax请求，可以实现数据的懒加载，即只有当用户滚动到数据底部时才加载更多数据。 #### 案例四：弹出层中的...
在本文中，我们将深入探讨jQueryEasyUI的核心概念、主要组件以及与Java的集成方式。 一、jQueryEasyUI的核心概念 1. **组件化**：jQueryEasyUI将常见的用户界面元素如表格、对话框、菜单、按钮等封装为独立的组件...
这个框架包含了许多预先封装好的 UI 控件，如对话框、表格、菜单、表单验证等，使得开发者能够快速构建功能丰富的交互式 Web 应用程序。在"jQueryEasyUI-1.3.6(含API文档)"这个压缩包中，有两个主要文件：`jEasyUI...
jQuery EasyUI是一款基于jQuery库的前端开发框架，它极大地简化了HTML用户界面的构建，提供了丰富的组件和功能，包括表格、对话框、菜单、表单验证等。这个框架的官方API中文版是开发者的重要参考资料，它详细解释了...
- **表单元素**(Form Elements)：如输入框、下拉框、复选框和单选按钮，它们可以与EasyUI的其他组件集成，实现数据验证和提交。 - **表格(Table)**：支持分页、排序、过滤和编辑功能，可直接绑定到数据源。 - **...
3. 表单（Form）和验证（Validation）：EasyUI的表单组件可以帮助我们快速构建交互式表单，同时支持字段验证。这个Demo可能演示了如何使用`<form>`标签结合`easyui-form`类，以及各种输入控件（如`<input>`, `...
- **表单(Form)**：提供了各种表单元素，支持验证和数据提交。 3. **主题**：jQuery EasyUI支持多种预设主题，可以快速改变应用的视觉风格，同时也允许自定义CSS来调整样式。 4. **数据绑定**：EasyUI通过`...
3. **表单（Form）**：用于创建HTML表单，支持数据验证、提交、重置，可与EasyUI的其他组件如下拉框、复选框等配合使用。 4. **网格（Grid）**：数据展示组件，能够展示表格形式的数据，支持排序、筛选、分页、编辑...