Ant Design 3表单字段校验触发时机灵活配置详解
Ant Design 3的Form表单如何灵活配置字段校验的触发时机？如何为同一字段设置多个校验规则，并分别指定onChange和onBlur事件触发？本文将详细解答。
许多开发者面临这样的挑战：一个表单字段需要多个校验规则，部分规则需要在输入变化时(onChange)立即校验，而其他规则则需在失去焦点时(onBlur)校验。直接使用Ant Design 3的文档提供的配置方式无法实现这种灵活控制。虽然尝试过自定义组件监听onBlur事件并模拟错误提示，但这无法影响表单整体校验状态。
关键在于理解Ant Design 3 Form组件的校验机制。虽然它本身不支持为单个规则指定不同触发时机，但我们可以通过巧妙运用rules数组和自定义校验函数来实现。
方法：为每个规则定义独立的校验函数，在函数内部根据事件类型(onChange或onBlur)决定是否执行校验。例如，前两个规则的校验函数在onChange事件中调用，第三个规则的校验函数在onBlur事件中调用。这需要在自定义组件中分别监听onChange和onBlur事件，并调用对应的校验函数。校验函数可以使用form.validateFields或类似方法触发表单校验，并根据结果更新表单状态。
通过这种方法，无需修改Ant Design 3核心组件，即可灵活控制单个字段多个规则的不同触发时机，满足复杂的表单校验需求，提升用户体验和表单可靠性。
