Server validation of idividual inputs

[ns6000]

Hey, this is not an issue but more like a question, sorry about that...

Is there a way to server-validate individual form inputs in VeeValidate v3? I mean I get how to server-validate on submit from your example in docs, that is working splendidly, but I would like to send individual values to the server on change/blur and such, quick check them against server validation rules and send back JSON object for setErrors(). My idea was to write something along the lines of (pseudocode):

<ValidationProvider name="InputX" rules="server" v-slot="{ errors }">
     <input v-model="model.InputX" type="text">
     <span>{{ errors[0] }}</span>
</ValidationProvider>

...

const app = new Vue(...);

VeeValidate.extend('server', value => {
     ajaxCall(serverUrl, app.model)
          .then(serverErrors =>
               if(serverErrors)
                    app.$refs.form.setErrors(serverErrors);
          );

     return true;
});

This is working, but similarly to submit validation. Problem is, there is no way to find out which field is being validated in this custom provider, so I'm forced to send the whole model and not just this one input value to be validated and I receive all errors, even for inputs not yet edited by user. Ideally I would like to send only value of current input to server (which is possible) but I need to tell server which value I'm sending. Or I can keep sending whole model and pick just the error specific for the current field from the server response. Either way, I need to know the name of the ValidationProvider.

At first I thought, that I'll use the '{_field_}' template to determine the name, but it seems that that template gets expanded to real name only in return string.

Maybe I'm missing something...

[logaretm]

I've moved this as a discussion since this is a question.

vee-validate v3 doesn't really offer you a way to find out which field is getting validated by which function, in v4 it is possible since the validation function receives a third argument being the context of the validation.

I can't think of workarounds for this at the moment.

[ns6000]

Thank you, i'm in beginning stages for a new project, i'll try to move my code to Vue v3 and VeeValidate v4 then.