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

效果：

 

__EOF__

本文作者：张颖辉
本文链接：https://www.cnblogs.com/izyh/p/16043289.html
关于博主：评论和私信会在第一时间回复。或者直接私信我。
版权声明：本博客所有文章除特别声明外，均采用 BY-NC-SA 许可协议。转载请注明出处！
声援博主：如果您觉得文章对您有帮助，可以点击文章右下角【推荐】一下。您的鼓励是博主的最大动力！