JQuery validate 下拉菜单验证

和input验证一样，使用required=true，表示当select下拉菜单选中的option的value不能等于" " 。

错误样式：

1.追加在后面

 

errorPlacement: function(error, element) {  
    error.appendTo(element.parent());  
}: function(error, element) {  
    error.appendTo(element.parent());  
}

 

2.边框颜色变化

showErrors: function(map, list) {
        var focussed = document.activeElement;
        this.currentElements.removeClass("ui-state-highlight");
        $.each(list, function(index, error) {
            $(error.element).addClass("ui-state-highlight");
        });
    }
 

使用jQuery中的is()函数，判断检测元素集合，它的参数可以是以下几种：

1.expr

字符串值，包含供匹配当前元素集合的选择器表达式

 

$("input[type='checkbox']").parent().is("form")

 

2.jQuery object

现有的jQuery对象，匹配当前的元素

3.element

一个用于匹配元素的DOM元素

4.function(index)

一个函数用来作为测试元素的集合，接受一个参数index，这是元素在jQuery中的索引

 

  
list item 1 - one strong tag
  
list item 2 - two strong tags
  
list item 3

$("li").click(function() { var $li = $(this), isWithTwo = $li.is(function() { return $('strong', this).length === 2; }); if ( isWithTwo ) { $li.css("background-color", "green"); } else { $li.css("background-color", "red"); } });