如何在表单字段验证中用if-else切换wallet_from的必填状态

很简单，你只需要先定义好基础的验证配置对象，然后通过if(){} else {}语句根据你的条件直接修改wallet_from字段的require属性就行。这里给你两种实用的实现方式：

方式一：先定义基础配置，再动态修改 #

这种方式适合你已经有完整的基础配置，只需要根据条件调整某一个属性的场景：

// 先定义好所有基础的验证规则
var ex_info = { 
  email: {type: "email", config: {require: true}}, 
  amount_from: {type: "text", config: {require: true, is_chars: ",.[:num]"}}, 
  wallet_from: {type: "text", config: {require: true}}, // 默认设为true，后续根据条件修改
  phone: {type: "text", config: {require: false, is_chars: "+[:num]", min: 6}}, 
  name: {type: "text", config: {require: true}}, 
  fname: {type: "text", config: {require: true}} 
};

// 替换成你的实际判断条件，比如用户是否选择了钱包支付、是否填写了其他关联字段等
var isWalletRequired = document.getElementById('payment_type').value === 'wallet';

// 根据条件切换require属性
if (isWalletRequired) {
  ex_info.wallet_from.config.require = true;
} else {
  ex_info.wallet_from.config.require = false;
}

方式二：结合函数封装复杂判断逻辑 #

如果你的判断条件比较复杂（比如需要结合多个字段的状态），可以把判断逻辑封装成一个函数，让代码更清晰易维护：

// 封装判断逻辑的函数
function shouldRequireWalletField() {
  // 这里写你的复杂判断规则，比如多个条件的组合
  const paymentMethod = document.getElementById('payment_method').value;
  const hasAlternativeFunds = document.getElementById('alternative_funds').checked;
  
  // 返回true或false，表示是否需要必填wallet_from
  return paymentMethod === 'wallet' && !hasAlternativeFunds;
}

// 定义基础配置
var ex_info = { 
  email: {type: "email", config: {require: true}}, 
  amount_from: {type: "text", config: {require: true, is_chars: ",.[:num]"}}, 
  wallet_from: {type: "text", config: {require: false}}, // 默认设为false
  phone: {type: "text", config: {require: false, is_chars: "+[:num]", min: 6}}, 
  name: {type: "text", config: {require: true}}, 
  fname: {type: "text", config: {require: true}} 
};

// 根据函数返回的结果设置require属性
if (shouldRequireWalletField()) {
  ex_info.wallet_from.config.require = true;
} else {
  ex_info.wallet_from.config.require = false;
}

原理说明 #

因为JavaScript中的对象是引用类型，所以你可以直接通过ex_info.wallet_from.config.require的路径访问到这个属性，并动态修改它的值。只需要把isWalletRequired或者shouldRequireWalletField()替换成你实际的业务判断条件即可。

内容的提问来源于stack exchange，提问作者Andi Crew