jQuery Validate 插件动态选择错误元素

Question

我正在使用jQuery Validation Plugin我希望能够根据有错误的元素的类型动态确定 errorElement 。我知道你可以像这样 errorElement :

$("form").validate({
    errorElement: "div"
});

但是，我希望能够更改它，以便如果类型是复选框或单选按钮，那么我可以将 errorElement 设为 li。有谁知道如何做到这一点？谢谢!

Answer 1

我正在看the code in the plugin和 errorElement option 只是寻找一个元素作为其参数。由于errorElement没有回调函数，我认为没有直接的方法可以在不修改插件本身的情况下实现您的要求。

也许你可以用 errorPlacement 做点什么而是回调。

假设将其保留为 label然后用其他容器包裹起来？或者使用errorElement将它们全部放入 <span> 中，同时使用errorPlacement至wrap它们在任何容器中都是动态的。请参阅jQuery .wrap() .

    errorElement: 'span',
    errorPlacement: function (error, element) {
        var type = $(element).attr("type");
        if (type === "radio") {
            // custom placement
            error.insertAfter(element).wrap('<li/>');
        } else if (type === "checkbox") {
            // custom placement
            error.insertAfter(element).wrap('<li/>');
        } else {
            error.insertAfter(element).wrap('<div/>');
        }
    },

演示:http://jsfiddle.net/uLH4f/