vee-validate how to set digit limit between two number?

vue.js vuejs2 vee-validate
hidar picture hidar · Feb 2, 2018 · Viewed 12.5k times · Source

I am trying to restrict the number of digits a user can input between 3-6.

For some reason, I can't find how to do that.

this is the code I have to force user to add three digits only

<input type="text"  name='account-field-3' v-validate="'required|digits:3'" placeholder="6" class="form-control" >

But what I need is between 3-6.

Answer

Igor Martins picture Igor Martins · Feb 2, 2018

You need to use min and max

Max: https://baianat.github.io/vee-validate/guide/rules.html#max

Min: https://baianat.github.io/vee-validate/guide/rules.html#min

<input type="text"  name='account-field-3' v-validate="'required|min:3|max:6'" placeholder="6" class="form-control" >

Related questions

Vue js vee validate password confirmation always false

I'm trying to use vee validate to verify the password using this code. <div> <input type="password" placeholder="Password" v-model="password" v-validate="'required|min:6|max:35|confirmed'" name="password" /> </div> <div> <span&…

Read More
Using Vee-validate to disable button until form is filled out correctly

I want to disable my submit button until my form is filled out correctly, this is what I have so far: <form> <input type="text" class="form-control" v-validate="'required|email'" name="email" placeholder="Email" v-model="userCreate.userPrincipalName" /&…

Read More
Vue.js Vee Validate how to do a validation with in a scope of elements

I'm using VeeValidate pluggin for the validation in my project. This is my form I'm going to validate. If I want to validate all fields at the save button this.$validator.validateAll().then(result => { if (result) { } // alert("Correct them …

Read More