javascript - 如何在 jquery 验证插件中添加自定义错误替换消息？

Question

我想使用 jquery 验证插件添加自定义错误替换 ( http://jqueryvalidation.org/documentation/ ) 我想进行自定义错误替换，例如单击此处

$(function() {
    //simple example 1
    //click event for first button 

    $("#form1").validate({
        errorPlacement: function(error, element) {
            if (element.attr("name") == "business_email" ) {
                $("#bus_email").css('color',"#f42156");
                $("#busp_email").removeClass("field_validation_error hidden");
                $("#busp_email").addClass("field_validation_error");
            }
        },        
        rules: {
            business_email: "required"
        },
        messages: {
            business_email: "Please enter your firstname"
        }       
    });
});

https://jsfiddle.net/fr0dc2es/7/

Answer 1

使用此代码，您可以获得自定义替换消息并对#bus_email执行操作:

$(function() {
    //simple example 1
    //click event for first button 

    $("#form1").validate({
        rules: {
            business_email: "required"
        },
        messages: {
            business_email: "Please enter your firstname"
        },
        errorPlacement: function(error, element) {
            if (element.attr("name") == "business_email") {
                $("#bus_email").css('color',"#f42156");
                $("#busp_email").removeClass("hidden");
                $("#busp_email").html(error);
            } else {
                $("#busp_email").addClass("hidden");
                $("#busp_email").html();
                error.insertAfter(element);
            }
          }
    });
});

JQueryValidation Documentation