JavaScript 中函数柯里化怎么实现表单验证-js教程-PHP中文网

javascript 中实现表单验证的函数柯里化，核心思路是将验证逻辑拆分为“配置生成器”和“执行器”，通过闭包保存校验规则。具体做法是定义一个高阶函数接收验证参数（如最小长度、正则表达式），返回一个只接收输入值的纯函数；调用时先获取用户输入，再依次传入各层生成的验证函数，最终汇总错误信息。

JavaScript 中函数柯里化怎么实现表单验证

如何构建通用的单字段验证工厂

构建通用验证工厂需要利用 JavaScript 的闭包特性，将具体的校验规则（如必填、格式）作为参数传递给外层函数，内层函数则负责接收实际数据并返回布尔值或错误对象。这种设计使得验证逻辑与 UI 解耦，便于复用。

JavaScript 中函数柯里化怎么实现表单验证

function createValidator(rules) {
  return function(value) {
    for (let rule of rules) {
      if (!rule.test(value)) {
        return { valid: false, error: rule.message };
      }
    }
    return { valid: true, error: null };
  };
}

const minLength = (len) => ({
  test: (v) => v.length >= len,
  message: `至少 ${len} 个字符`
});

const required = () => ({
  test: (v) => v.trim() !== '',
  message: '不能为空'
});

const emailValidator = createValidator([
  required(),
  { test: (v) => /@/.test(v), message: '必须包含 @' }
]);

console.log(emailValidator('test@example.com')); // { valid: true, error: null }

如何将多个验证器组合为链式调用

将多个验证器组合的关键在于维护一个状态对象，记录当前字段的验证结果。通过创建一个上下文管理器，依次执行各个独立的验证函数，若中途出现错误则提前终止或继续收集所有错误，最终返回聚合后的验证报告。

Java 开发专家

精通 Java 21+，掌握虚拟线程、模式匹配和 Spring Boot 3.x 等现代特性。是 Java 生态系统（包括 GraalVM、Project Lo

下载

JavaScript 中函数柯里化怎么实现表单验证

function validateChain(fields) {
  const results = {};
  let hasError = false;
  
  for (const [key, validator] of Object.entries(fields)) {
    const res = validator(document.getElementById(key).value);
    results[key] = res;
    if (!res.valid) hasError = true;
  }
  
  return { success: !hasError, details: results };
}

const formConfig = {
  username: createValidator([required(), minLength(3)]),
  email: createValidator([required(), { test: (v) => /@/.test(v), message: '邮箱格式错误' }])
};

// 模拟调用
const output = validateChain(formConfig);