Questions tagged [vee-validate]
If you have any inquiries regarding the VeeValidate library for Vue.js, feel free to reach out.
For this input, the value can be either a username or email address. Here is an example: <ValidationProvider name="email" rules="username || email" v-slot="{ errors, valid }"> <v-text-field v-model="something" :error-messages="er ...
Hey there! I'm working on validating a date of birth field in Vue.js to only allow dates prior to today. However, I'm a bit unsure about how to leverage the before and date_between attributes. The code snippet below shows what I'm trying to ...
The documentation states that by using a flag on the value of a field, I should be able to obtain a boolean. For example: computed: { isFormDirty() { return Object.keys(this.fields).some(key => this.fields[key].dirty); } }, I am working ...
Recently, I've embarked on a journey to learn how to create Single Page Applications using Vue. Today, my focus is on Vee-Validate. When working with Vee-Validate, the validation requires the name attribute to be filled in. Otherwise, a warning messa ...
I am currently using vue3 along with vee-validate 4.0 This snippet represents my current code. If the passwords match, I want to return true, and if they don't match, I want to return password is not same However, within the rules function called valida ...
I am encountering some challenges testing a Vee-Validate confirmed function on a Vue form that is constructed using Vuetify. The component I am attempting to test has the following structure: <template> <form novalidate ref="loginForm" v-mode ...
In my Vue form, I have dynamic inputs for issuing shares to shareholders. The user first registers the total amount of shares in the form, then starts issuing this total amount partially by adding dynamic inputs as needed. Finally, the form is submitted. M ...
In my ChangeInfo screen, I have three components representing ValidationObservers. When all three are valid, I set the variable showModal = true to display a success notification modal. However, if any of the three components have an error, showModal remai ...
I'm facing an issue with creating editable rows on a bootstrap b-table and veevalidate. Is it possible to have multiple ValidationObservers and then validate them by calling a single method? <b-table :items="items"> <template v-slot:cell(fo ...
Wondering how to create a simple confirmation prompt asking if the user really wants to leave a page that includes a basic HTML form. The HTML Form: <!DOCTYPE html> <html> <head></head> <body> <div id="app"> ...
I'm attempting to utilize vee-validate to verify if the user is inputting a valid date in a bootstrap-vue date input field. Even after following the vee-validate documentation, it appears that the expected behavior is not being achieved. Validation d ...
Currently, I am implementing vee-validate and v-mask on an input field. <ValidationProvider name="Credit Card Number" rules="required" mode="eager" ...
Is it possible to implement multiple password requirements in VeeValidate to show users which criteria they are not meeting? For example, if we specify that a password must contain at least one uppercase letter, at least one number, and be a minimum of 5 ...
Currently running on Nuxt v2.13 and Vuetify v2, along with using keep-alive in the default layout. I've encountered a memory issue as my application grew in size, requiring at least 4GB of RAM on a cloud server to function properly. After researching and g ...