AntDesign3表单：灵活设置字段校验触发

本文介绍Ant Design 3 Form组件中如何灵活设置字段校验触发时机。 许多开发者面临为同一字段设置多个校验规则，并分别指定onChange和onBlur等不同触发时机的需求。Ant Design 3虽然默认所有规则触发时机相同，但本文将详解如何通过自定义校验函数和rules属性，巧妙地实现精细化控制，满足复杂表单校验需求，避免仅使用自定义组件监听onBlur事件带来的表单整体校验结果不准确的问题，最终构建更精准可靠的表单验证机制。

Ant Design 3表单：精细化控制字段校验触发时机

本文探讨Ant Design 3 Form组件中，如何为同一字段设置多个校验规则，并分别指定其触发时机，实现更精细的表单校验控制。

许多开发者在使用Ant Design 3表单时，会遇到需要对同一字段设置多种校验规则，且希望这些规则在不同时机触发（例如onChange和onBlur）的情况。Ant Design 3默认情况下，所有规则的触发时机相同（通常为onChange）。然而，如果需要更灵活的控制，例如部分规则立即校验，部分规则在失去焦点时校验，该如何实现？

一个典型场景是：一个字段需要三个校验规则，前两个在输入变化时(onChange)触发，第三个在失去焦点时(onBlur)触发。直接使用自定义组件监听onBlur事件，虽然能显示错误信息，但无法影响表单整体校验结果。

关键在于理解Ant Design 3 Form组件的校验机制。虽然没有直接的API为单个规则设置不同触发时机，但可通过rules属性和自定义校验函数巧妙实现。

方法是：为每个规则定义独立的校验函数，在函数内部根据事件类型(onChange或onBlur)决定是否执行校验逻辑。 创建一个包含所有校验规则的数组，每个规则对象包含validator函数和trigger属性（'change'或'blur'）。 然后，分别监听onChange和onBlur事件，根据trigger属性调用相应校验函数。

这种方法允许完全控制每个规则的触发时机，确保表单校验结果准确反映所有规则的校验状态，从而构建满足复杂校验需求的表单。

今天带大家了解了的相关知识，希望对你有所帮助；关于文章的技术知识我们会一点点深入介绍，欢迎大家关注golang学习网公众号，一起学习编程~