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}
    }
});

效果：