Form Validation Issues

Wappler General Bugs
1

Form Validation Issues

  1. When the submit button is clicked, required field validation errors are displayed for all empty fields.
  2. After closing the modal and resetting the form, the modal fields still display required field validation errors when reopened.
  3. When entering text into an input field, the required field validation error should be removed immediately. However, it is currently still showing.

image
image1119×533 46.8 KB

FYI. @sid @nshkrsh

2

I would highly recommend to double check that You reset a proper form on a proper modal close event.

3

Yes doing it right.
image

4

Try dmx-on:hide-bs-modal instead

5

I tried this also, didnt worked.

6

How about on success of the form, reset the form and then close the modal?

7

Hey @slashash.sanjay I was having a similar issue and that’s what lead me to here. Simply resetting the form didn’t work in my situation so I ended up writing a custom jQuery script. (Could do the same with vanilla javascript). Then I call it wherever I need it using the run javascript action.

function resetFormValidation(formClassSelector) {
	jQuery('.' + formClassSelector).find('.invalid-feedback').remove();
	jQuery('.' + formClassSelector).removeClass('was-validated').remove('is-invalid');
}

Cheers,

Twitch