输入完成验证示例

validateOnComplete 配置

const form = useFormState({
  fields: {
    username: {
      validator: Validators.compose(
        Validators.required(),
        Validators.minLength(3),
        usernameAvailableValidator // 异步验证
      ),
      validateOnComplete: true,
      // 自定义完成条件
      completeCondition: (value) => {
        return value.length >= 3;
      },
      // 防抖延迟（毫秒）
      debounceMs: 500
    },
    email: {
      validator: Validators.compose(
        Validators.required(),
        Validators.email()
      ),
      validateOnComplete: true,
      completeCondition: (value) => {
        // 包含@和.才认为输入完成
        return value.includes('@') && value.includes('.');
      },
      debounceMs: 600
    },
    phone: {
      validator: Validators.pattern(/^\d{11}$/),
      validateOnComplete: true,
      completeCondition: (value) => {
        // 输入满11位才验证
        return value.length === 11;
      },
      debounceMs: 200
    }
  }
});