Comments (1)
justin-schroeder
commented on May 23, 2024
This is working as intended. Validation rules are never "triggered" — they are constantly evaluated in response to the changing state of their dependencies (usually just the input they are on, but sometimes based on multiple inputs like the confirm rule). There are many reasons for this, for example, it would not be possible to know the validity state of the form if we only performed validations based on the visibility state. This is why that prop is validation-visibility.
In your case, perhaps you would want to hide the loader until the messages are visible. Something like this:
https://formkit.link/62cd7efcf047ff4f125711c663b913e6
There is no API control each rule individually.
from formkit.
Related Issues (20)
- Mask Input value cannot be set /pre-populated with value when using 'reverse' prop HOT 1
- Dynamically rendered individual radio buttons do not sync state properly HOT 1
- Mask Input: Displayed value doesn't update on form reset HOT 1
- Formkit Schema value start with $ HOT 1
- Mask field doesn't fire dom-input-event on user's input
- Mimic the behavior of the select input for dropdown by preventing a user from deselecting an item HOT 2
- autoImport: true lets fail tailwind classes on nuxt/content components HOT 1
- Input "number" allows input of characters in Safari and Firefox HOT 2
- Performance problems with Autocomplete and 2K items HOT 1
- AutoAnimate plugin has no effect on repeater
- Change event does not work on Slider input HOT 4
- Pro Input 'dropdown' spams upon selecting items when combined with 'behavior: overscroll' and 'multiple' HOT 1
- FormKit Radio: binding disabled prop does not reactively remove disable style HOT 1
- When using FormKit type radio in a loop, the state is not displayed properly when clicking another in the list. HOT 4
- failed to resolve @formkit/addons HOT 3
- do not work suffix feature HOT 2
- Warnings when using Vite 5 / Rollup 4 HOT 2
- Pro inputs: use teleport/portal for dialogs HOT 3
- The plugin from the "add asterisk plugin" guide doesn't work for dynamic validation HOT 11
- Certain combinations of conditions throw errors on user input HOT 2
Recommend Projects
-
React
A declarative, efficient, and flexible JavaScript library for building user interfaces.
-
Vue.js
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
-
Typescript
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
-
TensorFlow
An Open Source Machine Learning Framework for Everyone
-
Django
The Web framework for perfectionists with deadlines.
-
Laravel
A PHP framework for web artisans
-
D3
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
-
Recommend Topics
-
javascript
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
-
web
Some thing interesting about web. New door for the world.
-
server
A server is a program made to process requests and deliver data to clients.
-
Machine learning
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
-
Visualization
Some thing interesting about visualization, use data art
-
Game
Some thing interesting about game, make everyone happy.
Recommend Org
-
Facebook
We are working to build community through open source technology. NB: members must have two-factor auth.
-
Microsoft
Open source projects and samples from Microsoft.
-
Google
Google ❤️ Open Source for everyone.
-
Alibaba
Alibaba Open Source for everyone
-
D3
Data-Driven Documents codes.
-
Tencent
China tencent open source team.
from formkit.