Vuetify validation using multiple rules

Question

Is it possible to assign multiple rules to validate input? For example I have two rules:

alphaRule: [
      v => /[a-zA-Z]+$/.test(v) || 'Field must only contain letters'
    ],
requiredRule: [
               v => !!v || "required field"
            ]

And I have number of controls. Some of them need only requiredRules, some - only alphaRule, but some - combination of alphaRule and requiredRule.

Can I combine it together?

something like

:rules = "alphaRule, requiredRule"

Alexander Shkirkov · Accepted Answer · 2020-06-19 08:34:14Z

8

If you want to leave both variables, you can just work with them like with JS arrays.

:rules = "alphaRule.concat(requiredRule)"

answered Jun 19, 2020 at 8:34

Alexander Shkirkov

3,8773 gold badges21 silver badges40 bronze badges

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

3 Comments

Andrey Over a year ago

Thank you very much. That's exactly what I need

noel293 Over a year ago

how about if we want to combine 3 or more rules?

Alexander Shkirkov Over a year ago

@noel293, first.concat(second).concat(third), i guess :)

Mayker Miyanaga · Accepted Answer · 2023-01-31 21:37:37Z

1

Just keep adding the rules into the array:

:rules = "[alphaRule, requiredRule].flat()"

answered Jan 31, 2023 at 21:37

Mayker Miyanaga

541 silver badge4 bronze badges

Comments

Zoha Shobbar · Accepted Answer · 2020-09-26 21:06:14Z

-1

this works for me

v-bind:rules="[mr.required, mr.counter]"

and this is the rules:

enter code here

answered Sep 26, 2020 at 21:06

Zoha Shobbar

5288 silver badges19 bronze badges

1 Comment

Dinesh Suthar Over a year ago

Your answer do not explains in detail.

Collectives™ on Stack Overflow

Vuetify validation using multiple rules

3 Answers 3

3 Comments

Comments

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

3 Comments

Comments

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related