How can I check if a value is in array with Valibot?

Question

I want to validate if the input of a select element is in the array of valid values with Vue + Valibot.

I have a select with numeric values (IDs) and I need to check if is a valid ID.

So first I check if matches the numeric regex, and then I don't know how to add some validator for checking if the value is in the array.

import * as v from "valibot";

const validValues = ['1', '2', '4'];

const Schema = v.object({
  // ...
  user: v.string([v.regex(/^\d+$/)]),
});

Edit: I just saw the custom validator, and it worked doing:

  user: v.string([
    v.regex(/^\d+$/),
    v.custom((i) => validValues.includes(i), "not valid"),
  ]),

But there is some premade validator that achieves that?

Your solution is good. I don't think there's anything better than this. The best thing I could come up with is: ``` const validValues = ['1', '2', '4']; const schema = v.object({ user: v.union(validValues.map((value) => v.literal(value))), }); ``` — remonke
– remonke, Commented Apr 19, 2024 at 9:59

dimk_1 · Accepted Answer · 2025-04-21 23:08:25Z

0

You can simply do it with v.check:

const validValues = ['1', '2', '4'];

const Schema = v.object({
  // ...
  user: v.array(
    v.pipe(
      v.string(),
      v.regex(/^\d+$/, 'Invalid ID format'),
      v.check((item) => validValues.includes(item), 'ID is not allowed')
    )
  )
});

answered Apr 21 at 23:08

dimk_1

1

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

How can I check if a value is in array with Valibot?

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related