jquery.validate.js 校验单选框，复选框提示信息位置调整

jquery.validate.js 校验单选框，复选框时，提示信息显示在第一个选项框的后面，容易造成误解：以为只有第一个选项是必填，且不整齐

 

 下面改为显示在所有选项底部

validator = $('#signForm').validate({
    errorPlacement: function (error, element) { //指定错误信息位置
        if (element.is(':radio') ) {
            let name = element.attr("name");
            //$(":radio[name='" + name + "']:first").before(error).before("<br>");
            $(":radio[name='" + name + "']:last").after(error).after("<br>");
        }else if(element.is(':checkbox')){
            let name = element.attr("name");
            //$(":checkbox[name='" + name + "']:first").before(error).before("<br>");
            $(":checkbox[name='" + name + "']:last").after(error).after("<br>");
        } else {
            error.insertAfter(element);
        }
    },
    rules: {
        'formVo.aaa': {required: true},
        'formVo.bbb': {money15Length: 15, moneyAmount: true},
        'formVo.ccc': {money15Length: 15, moneyAmount: true},
        'formVo.ddd': {money15Length: 15, moneyAmount: true}
    }
});

效果：