Comments (4)
Hi @silversonicaxel, I'm not sure to understand when, where or how you want to use this code snippet. Could you apply it a Stackblitz please
from react-admin.
@erwanMarmelab here my example:
https://stackblitz.com/edit/github-eqexed-qzclqx?file=src%2Fposts%2FPostEdit.tsx
If you go to that link, follow the steps to see the two behaviours I am mentioning:
- click on a Post item in the Posts Lists page
- now in the Posts Edit page click on "Activate password change" - this toggle enables or disables the password field
- write in the password field two characters
- save the form
Wrong implementation (missing the disabled password prop), without the bug
With the current and wrong implementation of the Stackblitz, in file src/posts/PostEdit.tsx
at line 140 with disabled
prop totally commented out.
The outcome of the previous steps is the error, with the validate
message requiring 8 characters to set a correct password field.
Correct implementation (with the disabled password prop), but WITH the bug
Now, in order to see the bug, uncomment in file src/posts/PostEdit.tsx
at line 140 the disabled
prop.
The outcome of the previous steps is a submitted form, with the element saved, and the validate
rule ignored.
I hope things are more clear now.
from react-admin.
Confirmed, thanks for the report.
For the moment, you can validate your edit page by adding a form validation like this:
const validatePost = values => {
const errors = {};
if (values.activator && values.password.length < 8) {
errors.password = 'Password at least 8 characters';
}
// other validations...
return errors;
};
const PostEdit = () => {
...
return (
<Edit>
<TabbedForm validate={validatePost}>
...
</TabbedForm>
</Edit>
);
};
from react-admin.
Thanks!
from react-admin.
Related Issues (20)
- checkError can have undefined error as parameter HOT 1
- Consider replacing "hotscript" types with "react-hook-form" types HOT 6
- Enhance SelectInput to return the selected choice onChange to set state on Wizard form review step HOT 5
- How do 2 menu of one resource with different filter list HOT 2
- DateInput in FilterButton component cannot be removed if value is not empty HOT 1
- [v5 β1] cjs version of react-admin is broken as it imports an esm package HOT 3
- Initially disabled inputs are not validated after enabled when form is submitted HOT 6
- [v5 b0] Incorrect dependency setting of of react-error-boundary in ra-core HOT 2
- AutocompleteInput resets input when useChoicesContext is called HOT 2
- Performance issue with form submission with many inputs HOT 7
- Unit Testing Edit components and Create components result to error HOT 1
- dataProvider cannot have sync methods due to bug in useDataProvider HOT 4
- SaveButton transform options not working as expected HOT 3
- The "Blog" demo app doesn't work HOT 5
- Filter with an object as defaultValue is still visible after user click the remove filter button HOT 2
- V5 beta: duplicated queries on mount HOT 2
- Removing an item from an ArrayInput with primitive values and validation removes more than one input HOT 2
- Incorrectly parse of id with basename name same as resource name HOT 1
- Custom Save Button In TopToolbar inside Edit component HOT 2
- V5 beta: List pages are not showing data and display an error notification 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 react-admin.