$('.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 提供了强大的布局管理工具,允许开发者灵活地...