jQuery验证select的自定义方法

Question

我正在使用jQuery验证器和统一插件来装饰我的选择元素。 问题是当选择返回无效时，用户不知道，因为该元素是隐藏的。 因此，我尝试编写一个自定义方法，以在选择发生错误时将错误类添加到父元素。

这是我到目前为止的内容：

$.validator.addMethod(
    "selectvalidate", function(){
        if(!$(element).is(':visible')){
            return true;
        }
        else if($(element).val() == "") {
            $(element).parent('.selector').addClass('error');
            return false;
        }
        else{
            $(element).parent('.selector').removeClass('error');
            return true;
        }
    },
    "Please select an option"
);

的HTML

<fieldset>
   <label>Field Label</label>
     <div class="selector"></div>
     <span>- Select -</span>
     <select>
         <option></option>
     </select>
</fieldset>

任何帮助都会很棒

Answer 1

您不一定需要自定义方法。 只需使用errorPlacement:选项。

这是已内置的默认功能...

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

工作演示： http : //jsfiddle.net/4ySLB/

您可以编辑默认函数以将错误放置在任何地方，并根据需要在DOM中进行其他操作。

为了获得更多定制的答案，您必须提供更多代码和jsFiddle演示。