hapi-swagger ui是否支持枚举的onChange事件验证？及API配置疑问

Great question! Let's break this down into two key parts: addressing your hapi-swagger UI question, and fixing the issues in your Joi validation setup.

1. Does hapi-swagger UI support onChange validation for enum types? #

Short answer: No, the default hapi-swagger UI (built on swagger-ui) doesn't include native onChange validation or dynamic parameter show/hide for enum selections.

By default, swagger-ui only runs validation when you click the "Try it out" button to submit the request—this triggers the backend Joi validation you've defined. There's no built-in frontend behavior that validates or adjusts other fields in real-time when you select a different enum option.

If you need this real-time frontend behavior, you'll have to extend the swagger-ui instance used by hapi-swagger:

• Customize the swaggerUI configuration in your hapi-swagger setup to inject custom JavaScript
• This JS would listen for change events on the enum dropdown, then dynamically show/hide or validate other parameters based on the selected value

2. Fixing Your Joi Validation Configuration #

Looking at your code, there are two critical issues:

Syntax Error #

Your note enum definition is missing a trailing comma, which will cause a syntax error when parsing the object:

note: Joi.string()
  .required()
  .valid(['param1', 'param2', 'param3'])
  .description('Notes'), // <-- This comma was missing

Logical Validation Error #

Right now, a and b are both marked as required regardless of the note value—this contradicts your comment that they're "for param2" and "for param3" respectively. You need to use Joi's when condition to enforce conditional requiredness.

Here's the corrected validation setup:

validate: {
  params: {
    note: Joi.string()
      .required()
      .valid(['param1', 'param2', 'param3'])
      .description('Notes'),
    a: Joi.string()
      .description('for param2')
      .when('note', { is: 'param2', then: Joi.required() }),
    b: Joi.string()
      .description('for param3')
      .when('note', { is: 'param3', then: Joi.required() })
  },
  // ... your headers config
}

This setup:

• Makes a required only when note is set to param2
• Makes b required only when note is set to param3
• Leaves both optional when note is param1 (adjust this if you need different behavior for param1)

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