javascript - 在JQuery中使用模态的灵活错误消息

我正在使用Jquery验证字段（文本，电子邮件字段），每当不满足要求（例如无效的电子邮件地址或文本字段为空/未填充）时，都会显示一条弹出消息

这是代码

//validation
    $("#RoleConfigForm").validate({
        rules: {

            "group_code[]": {
                required: true,
                maxlength: 25,
            },
            "role_name[]": {
                required: true,
                maxlength: 25,
            },

            "email_address[]": {
                required: true,
                maxlength: 30,
                email: true,
            },
        },
        onkeyup: false,
        errorClass: "invalid",
        errorPlacement: function (error, element) {
            $('#ResultDialog p').html("@hmis_resources.Message.msg_empty_fields");
            $('#ResultDialog').modal();
        },
        submitHandler: function (form) {
            ajaxFormSubmit();
        }
    });

负责它的是errorPlacement部分，但是它的错误消息是通用的，我想根据错误使其灵活（无效的电子邮件，为空）

最佳答案

根据jQuery Validation documentation，您可以使用messages选项在每个字段中设置自定义消息：

$("#RoleConfigForm").validate({
  rules: {
    "group_code[]": {
      required: true,
      maxlength: 25,
    }
  },
  messages: {
    "group_code[]": {
      required: "A group code is required.",
      maxlength: "@hmis_resources.Message.msg_empty_fields"
    },
    ...
  }
});