Validation Plugin Bug

1

When using the Validation (Validation - NSB App Studio) plugin with BS4 inputs which have an icon set.

When validating the form, any empty inputs shows the red warning text such as “enter your email address”, but when the red text is visible it moves the input icon to a new line, see attached two images.

Also, I have a reset form button which clears all the inputs, is there something i can call to clear the validation messages?

Before Image:

Before
Before539×198 3.52 KB

After Image:

After
After546×423 10.9 KB

Note, the form is in a modal.

2

Is the any chance you can send me a sample which shows the problem?

3

Sample app.zip (12.2 KB)

4

Thanks - the sample shows the problem nicely.

5

I dug into this. The validation code which is being used is from JqueryValidation.org. It’s still a good library, but has not been updated in 4 years. I noticed the version shipped with AppStudio wasn’t up to date - that will be fixed in the next build. That still does not solve your problem.

This library does not handle all the nuances of Bootstrap: in particular, it doesn’t know how to handle the icon option in Bootstrap’s Input.

Here is how Bootstrap recommends doing validation for Bootstrap 4.

Here is how Bootstrap recommends doing validation for Bootstrap 5.

6

Thanks you taking a look.

I just removed the input icons for now.