Method for manual validation about just-validate HOT 9 CLOSED

I added revalidate() and revalidateField() methods. Could you check please, does it solve your issue?

from just-validate.

Hi! I guess for the first option you could use existing validate() method, like:

const fv = new JustValidate("form", {
    ...
  });
fv.validate()

For validating field I'll look into that

from just-validate.

I'll check it. Thanks.

from just-validate.

Hi,

I was going throgh implementing revalidateField() on browser console, I found that, in both cases (valid image and invalid image), method is returning undefined however field is getting revalidated.

How can I get to know that field was valid or not. I think, it should return true or false depending on validation sucess and failure.

First execution is for valid image and second one is for invalid image:

avatarForm.revalidateField("#real-file")
-> undefined
avatarForm.revalidateField("#real-file")
-> undefined

For reference, I have below added JS

NOTE: $ is function shorthand for document.querySelector

if (typeof($(".avatar-form")) != "undefined" && $(".avatar-form") != null) {
    avatarForm = new JustValidate(".avatar-form", {
      errorFieldCssClass: "is-invalid",
      errorLabelCssClass: "invalid-feedback",
      successFieldCssClass: "is-valid",
      successLabelCssClass: "valid-feedback",
      focusInvalidField: true,
      lockForm: false,
      tooltip: {
        position: "top"
      },
    }).onSuccess((event) => {
      event.preventDefault();
      Turbo.navigator.submitForm(event.target);
    }).onFail((fields) => {
      setErrorElementStyles();
    });

    if (typeof($("#real-file")) != "undefined" && $("#real-file") != null) {
      avatarForm.addField("#real-file", [
        {
          rule: "minFilesCount",
          value: 1,
          errorMessage: I18n.t("javascripts.validation_error_messages.avatars.image.required")
        },
        {
          rule: "maxFilesCount",
          value: 1,
          errorMessage: I18n.t("javascripts.validation_error_messages.avatars.image.required")
        },
        {
          rule: "files",
          value: {
            files: {
              extensions: ["jpe", "jpg", "jpeg", "png"],
              minSize: 1 * 10 * 1024,
              maxSize: 2 * 1024 * 1024,
              types: ["image/jpeg", "image/jpg", "image/png"],
            },
          },
          errorMessage: I18n.t("javascripts.validation_error_messages.avatars.image.file")
        },
      ]);
    }
  }

from just-validate.

Hi.
In addition to above I tried using validate() but it didn't validated form

avatarForm.validate();

but revalidate() is able to validate the form but it also returned me undefined (I think, it should also return true or false).

avatarForm.validate();
-> Promise {<fulfilled>: true}
avatarForm.revalidate();
-> undefined

from just-validate.

If it is possible then can these method return true/false. so that it can be easier to get to know that the form or field is validated successfully or not and this will help me to show image preview of file only if these methods will return true

Thanks.

from just-validate.

Hey, now, .revalidate() and .revalidateField() methods return a promise (because validation is actually is an async function) with a boolean value: valid or not:

validation.revalidateField('#name').then(isValid => {
   
})

from just-validate.

Okay thank you.

from just-validate.

Okay thank you.

I will look into this

from just-validate.