jQuery validate 组件使用技巧
2014-07-18 00:00
113 查看
写法:<input type='text' name='account' class = "{validate: { 'required' : '#custom:checked' } } />"
根据单选按钮#custom的当前选择状态( #custom:checked 的返回值 )确定文本输入框是否为必填字段。
element 方法使用
验证单个元素是否有效。
$( "#myForm" ).validate().element("#mySelect");
validate在ie里无效,form(), valid() 方法均返回true
原因:validator的element方法在ie里无法获当前表单的组件列表。
解决方法:将element方法中的
return $([]).add(this.currentForm.elements).filter(":input")
替换为:
addMethod( ) 的中常用的optional( ) 方法
jQuery.validate的optional(element),用于表单控件的值不为空时才触发验证。当表单为空时返回true,
例如:
根据单选按钮#custom的当前选择状态( #custom:checked 的返回值 )确定文本输入框是否为必填字段。
element 方法使用
验证单个元素是否有效。
$( "#myForm" ).validate().element("#mySelect");
validate在ie里无效,form(), valid() 方法均返回true
原因:validator的element方法在ie里无法获当前表单的组件列表。
解决方法:将element方法中的
return $([]).add(this.currentForm.elements).filter(":input")
替换为:
var listEle=new Array(); for ( var k=0; k<this.currentForm.elements.length; k++){ listEle[k] = this.currentForm.elements[k]; }
addMethod( ) 的中常用的optional( ) 方法
jQuery.validate的optional(element),用于表单控件的值不为空时才触发验证。当表单为空时返回true,
例如:
jQuery.validator.addMethod("mobile", element){ var reg=/^[0-9]+$/; return this.optional(element) || reg.test(value); }
相关文章推荐
- swfupload上传组件 使用问题和技巧
- 组件使用的一点技巧(代码重用)
- C#编程技巧集之--使用C#轻松编写.Net组件
- Flex的Combobox组件使用技巧
- [DeviceOne开发]-do_LinearLayout组件使用技巧
- iOS中UIWebView网页加载组件的基础及使用技巧实例
- (转)FLEX树组件使用技巧
- 实例讲解Android中ViewPager组件的一些进阶使用技巧
- Qt实用技巧:使用QMediaPlayer和Windows自带组件播放swf、rmvb、mpg、mp4等视频文件
- React技巧1(状态组件与无状态组件的使用)
- 项目开发技巧(四):使用JspSmartupload实现文件上传下载(一):JspSmart之upload组件源码及使用
- uploadify 下载组件使用技巧和在线预览 word,excel,ppt,pdf的方案
- 使用bootstrap select2 的下拉框组件时候的一些技巧
- Qt实用技巧:使用QMediaPlayer和Windows自带组件播放swf、rmvb、mpg、mp4等视频文件
- 使用HTML Help Workshop的几点技巧
- DataGrid使用技巧(三)
- Uedit32与SQLPlus结合使用技巧
- ODAC 应用技巧 (一)使用 ODAC 的 Net 方式
- TListView组件使用方法
- Windows API函数使用技巧