jQuery Validate：动态表单字段提示信息配置问题

这个需求其实很好解决，核心思路是先创建一个空的messages对象，再通过JavaScript的方括号语法动态添加属性——毕竟你原来用的对象字面量只能写死属性名，没法直接用变量来定义字段名，而方括号语法刚好能搞定动态属性名的问题。

结合你现有的代码，我给你两种贴合场景的实现方式，你可以根据自己的全局变量结构来选：

方式一：基于字段名数组动态生成 #

如果你的全局变量是一个包含所有需要验证的字段名的数组（比如dynamicFields = ['firstName', 'lastName', 'email']），可以这么写：

// 假设这是你的全局变量
const requestTypeValue = "yourGlobalPrefix"; // 你原来代码里的全局前缀变量
const dynamicFields = ["firstName", "lastName", "email"]; // 全局字段名数组

// 初始化空的messages对象
const customMessages = {};

// 遍历字段数组，动态添加属性到messages
dynamicFields.forEach(field => {
  // 根据字段名构建选择器，适配你原来的DOM结构
  const selector = field === "email" 
    ? "#email" 
    : `#${requestTypeValue}_${field}`;
  // 用方括号语法给对象添加动态属性名
  customMessages[field] = $(selector).attr("data-error");
});

// 初始化Validate插件
$("#myform").validate({
  rules: {
    email: { customemail: true }
  },
  messages: customMessages // 传入动态生成的messages对象
});

方式二：基于字段映射对象动态生成 #

如果你的全局变量是键值对形式（比如键是后端返回的标识，值是表单字段名），比如fieldMappings = { userFName: 'firstName', userLName: 'lastName', userEmail: 'email' }，可以用遍历对象的方式：

// 假设这是你的全局变量
const requestTypeValue = "yourGlobalPrefix";
const fieldMappings = {
  userFName: "firstName",
  userLName: "lastName",
  userEmail: "email"
};

const customMessages = {};

// 遍历字段映射对象
for (const key in fieldMappings) {
  const fieldName = fieldMappings[key];
  const selector = fieldName === "email" 
    ? "#email" 
    : `#${requestTypeValue}_${fieldName}`;
  customMessages[fieldName] = $(selector).attr("data-error");
}

// 初始化Validate插件
$("#myform").validate({
  rules: {
    email: { customemail: true }
  },
  messages: customMessages
});

关键小提示 #

• 为什么不用对象字面量？因为对象字面量里的firstName: ...是静态属性名，没法直接替换成变量；而customMessages[field] = ...这种方括号语法，允许你用变量field作为属性名，完美实现动态生成。
• 如果所有字段都需要加requestTypeValue前缀，直接去掉email的判断逻辑统一处理就行，灵活度很高。

内容的提问来源于stack exchange，提问作者Ayo Adesina