$('.tr1').each(function(){ $(this).find('input').validatebox({ novalidate:true }); $(this).hide(); });
$('#btn').click(function(){
if( $(this).val() == '01' ){
$('.tr2').each(function(){ $(this).find('input').validatebox({ novalidate:true }); $(this).hide(); });
$('.tr1').each(function(){ $(this).find('input').validatebox({ required: true, validType: 'email' }); $(this).show(); });
}else if( $(this).val() == '02' ){
$('.tr2').each(function(){ $(this).find('input').validatebox({ required: true, validType: 'email' }); $(this).show(); });
$('.tr1').each(function(){ $(this).find('input').validatebox({ novalidate:true }); $(this).hide(); });
}
});
<tr class="tr2">
<td width="100px" align="right">aaaaa</td>
<td width="100px"><input type="text" id="ii1" name="ii1" style="width:300px;" class='easyui-validatebox'/></td>
</tr>
<tr class="tr1">
<td width="100px" align="right">bbbbb</td>
<td width="100px"><input type="text" id="ii2" name="ii2" style="width:300px;" class='easyui-validatebox'/></td>
</tr>
分享到：
相关推荐
标题和描述中提到的知识点涉及jQuery EasyUI框架中的validatebox插件，该插件用于表单输入验证。validatebox允许前端对用户输入进行校验，以减少服务器的负担并提升用户体验。它提供了基本的校验规则，但有时可能...
结合提供的"struts2no9Validatebox"文件，这个示例可能涉及了Struts2框架与EasyUI validatebox的集成。Struts2是一个强大的MVC框架，用于构建Java Web应用。在Struts2中，你可以在Action类中定义验证规则，并在前端...
然而，在实际操作中，我们可能会遇到`easyui form validate`方法总是返回`false`的问题，这可能导致表单无法正常提交。本文将深入探讨这个问题的原因并提供相应的解决方案。 ### 问题分析 1. **类库冲突**： 问题...
EasyUI 提供了一个内置的 Tip 组件，可以方便地与按钮、链接或其他元素关联，显示附加信息。你可以通过设置 `title` 属性或使用 `tooltip` 函数来激活这个功能。例如： ```html 点击我执行操作">点击我 ``` 然后在...
如果用户输入了无效的值，它将会更改输入框的背景颜色，并且显示警告图标和提示信息。该验证框可以结合form(表单)插件并防止表单重复提交。 2.练习1：验证输入字符长度及非空 <!DOCTYPE html> <html> <...
在EasyUIForm表单中，核心概念是使用EasyUI的form组件，它允许开发者定义各种表单元素，如文本输入框、选择框、复选框、日期选择器等。这些元素可以通过HTML标签和特定的属性进行配置，例如`...
jQuery EasyUI 可以与后端框架（如Spring MVC、ASP.NET MVC）配合使用，实现数据的动态加载和提交。同时，也能与 AJAX、JSON、XML 等数据格式无缝对接，方便前后端交互。 ### 6. 学习资源与社区支持 - 官方网站：...
通过调用 `.form()` 方法，EasyUI 将表单与验证功能绑定。`url: '/ProcessServlet'` 指定了表单提交的服务器端处理程序。`onSubmit` 函数在提交前调用，确保表单通过验证（`$(this).form('validate')`）。如果验证...
- **class**: 设置为`"easyui-validatebox"`来启用验证功能，也可以与其他类名结合使用，如`"easyui-numberbox"`用于数字验证。 #### 三、具体应用场景与示例 ##### 3.1 基础验证 - **代码示例**： ```html ...
在EasyUI中，创建一个表单需要使用`<form>`标签，并为其指定一个唯一的ID，同时定义好`method`属性。例如，`<form id="EditForm" method="post">`定义了一个ID为`EditForm`的表单，且该表单通过POST方法发送数据。 ...
登录界面通常包括输入框（input）、密码框（password）和按钮，这些元素的样式可以通过 EasyUI 的 CSS 类来设置，如 `.easyui-input`, `.easyui-validatebox` 和 `.easyui-button`。 4. **验证机制**：在登录功能中...
- **EasyUI 组件**: EasyUI 提供了多种 UI 组件，如对话框（dialog）、表单（form）、表格（datagrid）、菜单（menu）等，这些组件都基于 jQuery 设计，可以直接嵌入到网页中，大大提高了开发效率。 ### 2. EasyUI ...
<input id="password" name="password" class="easyui-validatebox" data-options="required:true,validType:'length[6,16]'"> </form> (0)" class="easyui-linkbutton" onclick="javascript:$('#dlg')....
通过为`<input>`标签添加特定的类（如`easyui-validatebox`）以及`data-options`属性，可以对表单的输入项进行验证规则的设置。 加载方式方面，表单组件的设置必须在JavaScript区域进行。例如，在`<form>`标签中...
<input type="text" name="username" class="easyui-validatebox" data-options="required:true,validType:'length[6,20]'" /> ``` 在这个例子中，`username`字段被设置为必填，并且要求长度在6到20个字符之间。 ...
EasyUI提供`<form>`组件，可以与后端接口进行交互，实现数据的添加。表单内的输入元素如`<input>`、`<select>`等，可以通过`class="easyui-*"`属性定制样式和行为，例如`class="easyui-validatebox"`用于字段验证。 ...
<input name="name" class="easyui-validatebox" required="true"> 价格： <input name="price" class="easyui-numberbox" required="true"> 状态： <input name="status" class="easyui-combobox" ...
<input name="name" class="easyui-validatebox" required="true"> </form> ``` 使用 `form` 方法提交或获取表单数据。 ### 四、布局（Layout） jQuery EasyUI 提供了强大的布局管理工具，允许开发者灵活地...