V5 form validations

[ysds]

Drop feedback messages by sibling selector for V5.

There is no way to solve the #25110 and #29439 maintaining the current specification. If you are using a modern JavaScript framework, this removal of sibling selectors is not a problem, because feedback messages are almost always controlled by if directives (e.g. ng-if). Control styling with the .is-valid/.is-invalid has the same feature as v4.

Also this close #28414 and #30438.

Preview: https://deploy-preview-30170--twbs-bootstrap.netlify.app/docs/5.0/forms/validation/

PR for v4 is #30180

[mdo]

So with this change, there is no built-in and functional form validation in Bootstrap? Because everything would need to be controlled by another JS library or framework?

[ysds]

Does not deny the creation of new built-in JavaScript plugins. We can consider it after the alpha release.

At least, the current control by sibling selectors should be abolished.

[XhmikosR]

Just keep in mind there's one snippet using inline JS to handle validation. If it's supposed just to be an example we should make it so, because currently it applies to the code.

[ysds]

I rebased into the master and updated the first custom JS example.

[mdo]

Any chance this could be rebased @ysds?

[XhmikosR]

I don't want to hurry this @mdo. The tooltip example doesn't look right, the feeback is always shown.

[ysds]

Sorry for being away for a while.

The tooltip example doesn't look right, the feeback is always shown.

It's intentional that the feedback tooltip examples are always visible, but what do you think it should be?

[XhmikosR]

It's intentional that the feedback tooltip examples are always visible, but what do you think it should be?

I thought it was a mistake since previously they didn't show up nor in v4. If it's intentional then all good :)

[ysds]

👍 As commented on #30170 (comment), additional JS is required to toggle the display of feedback messages. I think the static sample is enough for now.

[mdo]

@ysds Can you confirm something here before I attempt to resolve conflicts and merge this? Are we removing all feedback elements from the examples under the ## Server side heading? Your earlier commit does that, and I may have screwed that up in my later commits.

[mdo]

Hoping this can be replaced by #31666.

[XhmikosR]

@mdo is this still valid? #31666 was closed in favor of #31953

[mdo]

Closing as out of date—miss you @ysds! <3