Adding class in ajax response about just-validate HOT 3 CLOSED

I added .showErrors() method, so you could call it as validation.showErrors({ '#password': 'The password is invalid' }) to show the errors programmatically.

https://just-validate.dev/examples/#show-errors
https://just-validate.dev/documentation/#section-5-11

from just-validate.

Hi! Good point actually. There is a workaround for checking the ajax response, using async validator for the particular field. For example in your case for email and password it could be like this:

validation
    .addField('#email', [
      {
        rule: 'required',
      },
    ])
    .addField('#password', [
      {
        validator: (password, context) => () =>
          new Promise((resolve, reject) => {
            $.ajax({
              type: 'POST',
              url: 'login/',
              data: { email: context['#email'].elem.value, password: password },
              success: function (data) {
                resolve();
              },
              error: function () {
                reject();
              },
            });
          }),
      },
    ]);

The idea is to call the API endpoint not for the whole form, but for the particular field. Here you return Promise and resolve it if login endpoint is succeed and reject if it's failed (in that case the password field will be highlighted as invalid). The downside is you kind of have to call login endpoint again on onSuccess callback to make some additional actions (like redirecting to another page etc.) and I can understand this is not proper solution.

I will think and introduce something for this case. Thanks.

from just-validate.

Wonderful! .showErrors() is running. Thanks for the feature.

from just-validate.