Multiple validations rule in v-text-field

Question

I need to perform multiple validations on a field in vuetify, for example the identity field must have 11 characters, and all must be numeric, I am using this code but it validates the quantity and if it is numeric or not only in the first character that is written.Could you guide me how to solve this problem?

This is part of the code that I am using

       <v-col cols="4" sm="4" md="4">
        <v-text-field
          label="Identidad*"  
          v-model.number="editedItem.identidad"
          :rules ='inputidentidadrules'
          counter="11"
          error-count="2"
          required/>
     </v-col>

.......
 export default {
         data: () => { 
           return {
            dialog: false,
            search: '',
            isFormValid: false,
       inputidentidadrules:[
                (v) => v.toString().length >=11 || 'Longitud 11 caracteres',
                (v) => !isNaN(parseFloat(v)) || 'El valor debe ser numérico'
             ],
.......

Try to add a working example of code on codepen / code sandbox! which will help to debug — Hardik Shah
– Hardik Shah, Commented Jun 5, 2020 at 6:03

Manoj · Accepted Answer · 2020-06-04 23:39:25Z

1

Try below rule and remove .number from v-model ie use v-model="editedItem.identidad"

         inputidentidadrules:[
            (v) => /^\d+$/.test(v)||'El valor debe ser numérico',
            (v) => (v && v.length > 10) || 'Longitud 11 caracteres'
         ],

answered Jun 4, 2020 at 23:39

Manoj

8417 silver badges6 bronze badges

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

1 Comment

Francisco Danubio Salas Rosett Over a year ago

Thank you very much for your suggestions, I was able to solve combining part of your solution with that of @hardik

Hardik Shah · Accepted Answer · 2020-06-05 06:06:40Z

0

try this one below rule is related to checking for valid 11 digit

inputidentidadrules:[(v) => /^\d{11}$/.test(v) || 'Enter valid 11 digit']

answered Jun 5, 2020 at 6:06

Hardik Shah

1,4762 gold badges16 silver badges36 bronze badges

1 Comment

Francisco Danubio Salas Rosett Over a year ago

Thank you very much I found your answer useful

Collectives™ on Stack Overflow

Multiple validations rule in v-text-field

2 Answers 2

1 Comment

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

1 Comment

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related