Comments (1)
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)
- FormKit Currency `max` prop not allowing decimal points. HOT 1
- Taglist field not deleting items on click / backspace HOT 12
- Listbox and deletion issues with autocomplete, dropdown, and taglist at FormKit Pro v0.125.0 HOT 2
- Prefix Icon not aligned in Datepicker HOT 2
- Multi-input validation fails to update when there are multiple rules
- Missing loading-state when using `multiple` and `optionLoader` on Autocomplete
- DatePicker selects disabled date by default HOT 6
- Not able To pass Validation condition On input Field
- When a dropdown field that's rendered before fetching the option is pre-filled, it displays the value instead of the label HOT 3
- Hovering dates in datepicker is very slow HOT 2
- Setting initial multi step activeStep does not work HOT 1
- LocalStorage plugin does not preserve uploaded files HOT 1
- Transferlist has accessibility issues. Can be seen by using dev tools lighthouse HOT 1
- Unable to use slots in custom components HOT 2
- Currency field doesn't fire dom-input-event on user's input
- Currency input - label slot not recognised by TS HOT 1
- Field IDs beginning with numbers not valid HOT 5
- Validation not working in currency input HOT 1
- Validation stop firing when custom rule used together with another rule (don't know if just in the described context) HOT 1
- Transfer List Input - Search should be implemented on target list HOT 1
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.