javascript - 如何为每个动态创建的单选按钮放置错误消息

Question

我正在为我的表单使用 javascript 验证方法addClassRules来验证它。在我的表单中，我有 20 多个单选按钮字段，它们将具有单选选项yes,no。我为所有这些设置了相同的类并验证为

jQuery.validator.addClassRules({
        'extra_field' : {
            extra_flds_required : true              
        }
    });
    $.validator.addMethod("extra_flds_required",
                           $.validator.methods.required,"This field is required");

它可以很好地抛出消息，但破坏了设计。所以我需要将这些消息放在每个元素之后。我该怎么做。我试过errorplacement但没有用。请找到一种方法来完成它。谢谢进步。

Answer 1

尝试这个

$("#formid").validate({
                rules:{
                                },
                               messages:{

                },
                 errorClass: "help-inline", //create seperate class for error and put here
                 errorElement: "span" //error element type 
});