jQuery验证select的自定义方法

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

这就是我到目前为止所做的：

$.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

字段标签
-挑选-

---

任何帮助都很好

您不一定需要自定义方法。只需使用

errorPlacement:

选项即可

这是已内置的默认函数

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

工作演示：

您可以编辑默认函数以将错误放置在任意位置，并根据需要操作DOM中的任何其他内容

要获得更定制的答案，您必须提供更多的代码和JSFIDLE演示

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