基于jQuery.Validate验证库知识点的详解


Posted in Javascript onApril 26, 2013

1、如果设置了errorContainer、errorLabelContainer、wrapper,则errorPlacement不起作用

...
  $(document).ready(function(){
    $("#myform").validate({
       errorContainer: "#messageBox1, #messageBox2",
       errorLabelContainer: "#messageBox1 ul",
       wrapper: "li",
       debug:true,
...

errorContainer: 可以配置多个容器,这里的messageBox2元素没有被包装处理,只是错误发生的时候显示和隐藏此元素

errorLabelContainer:显示错误信息的容器,根据校验结果隐藏或者显示错误容器。

wrapper: 显示错误信息的外层标签名称.

errorElement: 指定显示校验错误信息的html标签名称(默认为label)

比如errorElement设置为span的情况

<SPAN class=checked htmlFor="cusername" generated="true"></SPAN>

Javascript 相关文章推荐
js中几种去掉字串左右空格的方法
Dec 25 Javascript
最新的10款jQuery内容滑块插件分享
Sep 18 Javascript
加载列表时jquery获取ul中第一个li的属性
Nov 02 Javascript
JavaScript中的函数嵌套使用
Jun 04 Javascript
让JavaScript中setTimeout支持链式操作的方法
Jun 19 Javascript
用JS中split方法实现彩色文字背景效果实例
Aug 24 Javascript
微信小程序框架wepy之动态控制类名
Sep 14 Javascript
element-ui upload组件多文件上传的示例代码
Oct 17 Javascript
jquery层次选择器的介绍
Jan 18 jQuery
node.js中事件触发器events的使用方法实例分析
Nov 23 Javascript
JS实现纵向轮播图(初级版)
Jan 18 Javascript
JavaScript 中的执行上下文和执行栈实例讲解
Feb 25 Javascript
关于jQuery新的事件绑定机制on()的使用技巧
Apr 26 #Javascript
利用js的Node遍历找到repeater的一个字段实例介绍
Apr 25 #Javascript
JS保留小数点(四舍五入、四舍六入)实现思路及实例
Apr 25 #Javascript
JQuery为textarea添加maxlength属性并且兼容IE
Apr 25 #Javascript
同时使用n个window onload加载实例介绍
Apr 25 #Javascript
上传的js验证(图片/文件的扩展名)
Apr 25 #Javascript
7款吸引人眼球的jQuery/CSS3特效实例分享
Apr 25 #Javascript
You might like
php字符串截取中文截取2,单字节截取模式
2007/12/10 PHP
PHP实现抓取HTTPS内容
2014/12/01 PHP
php获取字符串前几位的实例(substr返回字符串的子串用法)
2017/03/08 PHP
浅析php如何实现爬取数据原理
2018/09/27 PHP
Laravel + Elasticsearch 实现中文搜索的方法
2020/02/02 PHP
在JavaScript中访问字符串的子串
2015/07/07 Javascript
深入理解setTimeout函数和setInterval函数
2016/05/20 Javascript
jQuery插件uploadify实现ajax效果的图片上传
2016/06/18 Javascript
浅谈json取值(对象和数组)
2016/06/24 Javascript
js动态生成form 并用ajax方式提交的实现方法
2016/09/09 Javascript
AngularJS删除路由中的#符号的方法
2016/09/20 Javascript
浅谈js中用$(#ID)来作为选择器的问题(id重复的时候)
2017/02/14 Javascript
详解angularjs的数组传参方式的简单实现
2017/07/28 Javascript
webpack构建react多页面应用详解
2017/09/15 Javascript
Webpack打包字体font-awesome的方法示例
2018/04/26 Javascript
Vue实现6位数密码效果
2018/08/18 Javascript
微信小程序仿今日头条导航栏滚动解析
2019/08/20 Javascript
微信小程序纯文本实现@功能
2020/04/08 Javascript
js实现双人五子棋小游戏
2020/05/28 Javascript
vue实践---vue不依赖外部资源实现简单多语操作
2020/09/21 Javascript
[08:29]DOTA2每周TOP10 精彩击杀集锦vol.7
2014/06/25 DOTA
Python 多线程实例详解
2017/03/25 Python
python numpy 反转 reverse示例
2019/12/04 Python
基于keras 模型、结构、权重保存的实现
2020/01/24 Python
重构Python代码的六个实例
2020/11/25 Python
针对HTML5的Web Worker使用攻略
2015/07/12 HTML / CSS
双立人加拿大官网:Zwilling加拿大
2020/08/10 全球购物
个人找工作求职简历的自我评价
2013/10/20 职场文书
教育实习生的自我评价分享
2013/11/21 职场文书
蛋糕店的商业计划书范文
2014/01/27 职场文书
化学教育专业求职信
2014/07/08 职场文书
转让协议书范本
2014/09/13 职场文书
小学教师师德整改措施
2014/09/29 职场文书
员工年终考核评语
2014/12/31 职场文书
检讨书范文大全
2015/05/07 职场文书
婚礼长辈答谢词
2015/09/29 职场文书