Comments (4)
Sure you can. Like this:
- Add 'ingnoreIsRequired' attribute to the state, and set it to true in onSubmit handler.
- In "is required" validation checks, instead of x => x it should be x => ignoreIsRequired || x
- In the next checks emptiness guards are needed.
- In submit button, you have to manually detect whenever required state members are empty.
from nestedlink.
But I don't see any advantage in not telling the user from the beginning which fields are required.
What I would probably done if our QA would be bothered, is introducing different styles for error messages. error
object can have any shape.
.check( x => x, { type : 'required', name : 'Name' })
Then, I would modify Input controls so they will style different error types differently. And this 'field required' message wouldn't look that scary.
from nestedlink.
To do it in better way you need something more advanced than plain React state. Problem here is that checks are not attached to the state, they are inlined in render(). Which is okay for many cases, but you cannot run checks outside of render
. This is rather serious restriction.
If you use models instead of the React state, you can. Cause checks will be attached to the model attributes, and your can validate model as a whole or by parts at any time you want. Which allows for variety of different validation strategies.
That's what we're doing. We are not using React state in production at all. And these links are attached to the models, so you can be quite flexible in approach to validation.
https://github.com/Volicon/NestedReact#link-validation
from nestedlink.
Whenever input value is an empty string, and validation fails, it will add 'required' class to the input control. Thus, you will have an opportunity to mark it differently. With yellow, for example. Changes are now in 'develop' branch, will be released soon.
Thanks for the bug, it's was really the good point.
from nestedlink.
Related Issues (20)
- link.props must work with checkbox and radio
- input element loses focus after typing HOT 9
- Bug: eMail input auto trims value and resets cursor position HOT 1
- Working on a nestedlink course/docs for class HOT 1
- Add custom validation pattern to the docs HOT 2
- Enhancement: Convenience onX method binding pattern for Link.Component classes HOT 1
- LinkeComponent.links is null HOT 1
- IE9: deleting data in input doesn't go to the state HOT 1
- TypeError: Cannot read property 'value' of undefined at Input (tags.js:64) HOT 1
- Documentation about type="radio" HOT 2
- Validation don't reevaluates when a dependent state changes HOT 1
- Could not find a declaration file for module 'valuelink/tags'
- Is there a way to handle `undefined` values?
- Question: how to link a property which is an array of objects HOT 1
- valuelink cannot be used server side HOT 2
- onChange is called before state is changed
- LinkAll with React.useState hook HOT 2
- Synthetic event error when using useLink with value inicialization.
- Input type "number" in NumberInput in linked-controls
- Module not found: Can't resolve 'tslib'
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 nestedlink.