Bootstrap 5 serverside validation - error message not being displayed on page

Wappler General Bugs
1

Guess I am going to drive you guys nuts but another issue since moving over to node.

======== TEMPLATE BUG FORM ========

Wappler Version :3.7.6
Operating System : win 10
Server Model: Node
Database Type: MariaDB
Hosting Type: Docker Local

Expected behaviour

What do you think should happen?

Error message should be displayed

Actual behaviour

What actually happens?

Input box turns red but no message displayed

How to reproduce

  • Detail a step by step guide to reproduce the issue
  • A screenshot or short video indicating the problem
  • A copy of your code would help. Include: JS, HTML.
  • Test your steps on a clean page to see if you still have an issue

See video

2

Probably related to this

3

Thanks max.

Antony’s use case is very specific, this is just a basic form validation so i would expect to see the validation message or what point is there in having that facility in server connect?

4

I was able to recreate the issue, seems the Validator needs a little improvement for Bootstrap 5.
It looks like the validation message is returned on the page, but the script doesn’t change the style so it’s display: none

Screenshot 2021-02-13 at 16.55.10
Screenshot 2021-02-13 at 16.55.101000×543 109 KB

@patrick will check this

2 Likes
7

Hello,
Here’s the updated App Connect js file which should fix the issue with BS5 serverside validation:

dmxAppConnect.js.zip (23.5 KB)

8

Working perfectly thanks :grinning:

1 Like
9

This has been fixed in Wappler 3.7.7

11

This topic was automatically closed after 44 hours. New replies are no longer allowed.