基于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 相关文章推荐
JavaScript 异步调用框架 (Part 2 - 用例设计)
Aug 03 Javascript
js读写(删除)Cookie实例详解
Apr 17 Javascript
JS获取鼠标选中的文字
Aug 10 Javascript
ReactNative-JS 调用原生方法实例代码
Oct 08 Javascript
TypeScript学习之强制类型的转换
Dec 27 Javascript
JavaScript 中Date对象的格式化代码方法汇总
Sep 06 Javascript
Django使用多数据库的方法
Sep 06 Javascript
webpack+vue中使用别名路径引用静态图片地址
Nov 20 Javascript
vue-cli 脚手架基于Nightwatch的端到端测试环境的过程
Sep 30 Javascript
jQuery实现数字自动增加或者减少的动画效果示例
Dec 11 jQuery
Angular6新特性之Angular Material
Dec 28 Javascript
JavaScript中的回调函数实例讲解
Jan 27 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使用GIFEncoder类生成gif动态滚动字幕
2014/07/01 PHP
PHP处理Json字符串解码返回NULL的解决方法
2014/09/01 PHP
php中print(),print_r(),echo()的区别详解
2014/12/01 PHP
在你的网页中嵌入外部网页的方法
2007/04/02 Javascript
js获取键盘按键响应事件(兼容各浏览器)
2013/05/16 Javascript
Javascript获取CSS伪元素属性的实现代码
2014/09/28 Javascript
深入理解JavaScript编程中的同步与异步机制
2015/06/24 Javascript
为jQuery-easyui的tab组件添加右键菜单功能的简单实例
2016/10/10 Javascript
ECMAscript 变量作用域总结概括
2017/08/18 Javascript
vue中动态设置meta标签和title标签的方法
2018/07/11 Javascript
vue-cli2 构建速度优化的实现方法
2019/01/08 Javascript
详解Puppeteer前端自动化测试实践
2019/02/21 Javascript
简单了解Ajax表单序列化的实现方法
2019/06/14 Javascript
通过js示例讲解时间复杂度与空间复杂度
2019/08/06 Javascript
小程序如何在不同设备上自适应生成海报的实现方法
2019/08/20 Javascript
使用xampp将angular项目运行在web服务器的教程
2019/09/16 Javascript
微信小程序开发打开另一个小程序的实现方法
2020/05/17 Javascript
[01:14]DOTA2 7.22版本新增神杖效果展示(智力英雄篇)
2019/05/29 DOTA
Linux下使用python自动修改本机网关代码分享
2015/05/21 Python
python机器学习之随机森林(七)
2018/03/26 Python
numpy.transpose对三维数组的转置方法
2018/04/17 Python
Python Django form 组件动态从数据库取choices数据实例
2020/05/19 Python
opencv 图像轮廓的实现示例
2020/07/08 Python
python使用re模块爬取豆瓣Top250电影
2020/10/20 Python
Python爬虫之Selenium库的使用方法
2021/01/03 Python
夏威夷航空官网:Hawaiian Airlines
2016/09/11 全球购物
荷兰演唱会和体育比赛订票网站:viagogo荷兰
2018/04/08 全球购物
Lookfantastic香港官网:英国知名美妆购物网站
2018/06/19 全球购物
Lancer Skincare官方网站:抗衰老皮肤护理
2020/11/20 全球购物
在数据文件自动增长时,自动增长是否会阻塞对文件的更新
2014/05/01 面试题
数据库什么时候应该被重组
2012/11/02 面试题
水果超市创业计划书
2014/01/27 职场文书
小学安全汇报材料
2014/08/14 职场文书
个人作风纪律整顿整改措施
2014/10/25 职场文书
2015年学校德育工作总结
2015/04/22 职场文书
简述Java中throw-throws异常抛出
2021/08/07 Java/Android