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

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>

赞 (0)

相关推荐

  • js+jquery常用知识点汇总

    js+jquery常用知识点汇总

    一.jquery源码中常见的知识点 1.string,number类型转换的快捷方法 复制代码 代码如下: // @param s为字符串,n为数字 function fn(obj){     //转换为String类型     var s = obj +"";     //转换为number类型     var n = +obj; } 分享一个面试例子: //加会将其后面自动转换成字符串 "64"+4="644" //减会将其自动转换成数字 &

  • Jquery知识点三 jquery表单对象操作

    在Jquery中这三个函数如果有参数的话就是赋值操作,没有参数则是取值操作,其中val()是一个很重要的方法,和它相关的表单对象如:input系的标签.select.textarea等都是用于和服务器端交互的标签元素,所以要搞清楚这个val(): 对于radio.checkbox.select的赋值操作: 复制代码 代码如下: $("input[name=a]").val(["娱乐1"]); $("input[type=checkbox]").v

  • jQuery 遍历函数详解

    jQuery 遍历函数包括了用于筛选.查找和串联元素的方法. 函数 描述 .add() 将元素添加到匹配元素的集合中. .andSelf() 把堆栈中之前的元素集添加到当前集合中. .children() 获得匹配元素集合中每个元素的所有子元素. .closest() 从元素本身开始,逐级向上级元素匹配,并返回最先匹配的祖先元素. .contents() 获得匹配元素集合中每个元素的子元素,包括文本和注释节点. .each() 对 jQuery 对象进行迭代,为每个匹配元素执行函数. .end(

  • jQuery中常用的遍历函数用法实例总结

    本文实例总结了jQuery中常用的遍历函数用法.分享给大家供大家参考.具体如下: 1. children()函数 children()函数用于选取每个匹配元素的子元素,并以jQuery对象的形式返回. 你还可以使用选择器进一步缩小筛选范围,筛选出符合指定选择器的元素. 用法示例如下: // 返回jQuery对象所有匹配元素的标识信息数组 // 每个元素形如:tagName或tagName#id(如果有id的话) function getTagsInfo($doms){ return $doms.

  • 初窥JQuery(一)jquery选择符 必备知识点

    本章内容根据本人在开发中常用到的选择符作为例子来进行讲解,如有更多常用的简单的例子可回复提供,参与讨论,一起学习研究,首先我们从常用的CSS选择符开始. CSS选择符包括通配选择符.ID选择符.属性选择符.包含选择符.类选择符等,他们的基本格式为: 通配选择符:$("#ID *") 表示该元素下的所有元素. ID选择符:$("#ID") 表示获得指定ID的元素. 属性选择符:$("input[type=text]") 表示type属性为text的

  • jQuery知识点整理

    slideUp();向上滑动//改变元素的高度的属性 直到高度为0从而将元素隐藏 slideDown(); slideToggle(); fadeOut();淡出//从不透明变透明 fadeIn() 复制代码 代码如下: function(){ $("span.Italian").toggle(); $("span.Italian").toggle();} 在一个function函数中加入两个toggle函数实现语言的切换 可以给一个元素同时应用多个这种选择器 将s

  • jQuery常用知识点总结以及平时封装常用函数

    本文为大家介绍了jQuery中常用知识点及函数,包含许多细节方面的知识,下面我们一起学习一下. jQuery中为我们提供了很多有用的属性,自己总结的一些常用的函数.个人认为在在线排盘开发中会比较常用的,仅供大家学习和参考. 刚开始学习前端的时候开始整理这个文档,现在内容已经逐渐增多.虽然现在看起来,文档里的内容非常简单,但是看着这些内容,好像还依稀记得这一行行代码当时被记录的情景.所以我想把这段回忆保存起来,为刚接触前端的童鞋们提供一个简单的查询的途径,也以此来缅怀我的前端学习之路. ** 此文

  • Jquery知识点一 Jquery的ready和Dom的onload的区别

    所以相对来说jquery的ready可以提高网页的响应速度; jquery:ready的标准写法: 复制代码 代码如下: $(document).ready(function() { alert("加载结束"); }); 一个$(document)将dom对象的document转化为jquery对象,继而可以调用jquery的方法ready();因为dom对象是不可以调用jquery的方法的,虽然他们的关系很亲密: jquery:ready的简写形式: 复制代码 代码如下: $(fun

  • Jquery知识点二 jquery下对数组的操作

    Jquery知识点二 jquery下对数组的操作

    首先是普通的数组(索引为整数的数组): $.map(arr,fn); 对数组中的每个元素调用fn函数逐个进行处理,fn函数将处理返回最后得到的一个新的数组 复制代码 代码如下: var arr = [9, 8, 7, 6, 5, 4, 3, 2, 1]; var newarr = $.map(arr, function(item) {return item*2 }); alert(newarr); $.each(array,fn)对数组array每个元素调用fn函数进行处理,没有返回值 复制代码

  • jQuery增加自定义函数的方法

    本文实例讲述了jQuery增加自定义函数的方法.分享给大家供大家参考.具体如下: $.fn.myFunction = function() { return $(this).addClass('changed'); } //用法: $('.changePlease').myFunction(); 希望本文所述对大家的jquery程序设计有所帮助.

随机推荐