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)
- AutoComplete choice listing issue when using useChoicesContext HOT 1
- react admin error with Menu.Item missing properties HOT 6
- storeKey prop is not passed to useRecordSelection hook inside useListController HOT 5
- useEditContext returns null for both values HOT 5
- Infinite loop occurs in page rendering when perPage is set to a negative number in List Component HOT 2
- Codemods are not included in ra-core v5
- Duplicate entries in documentation search HOT 2
- Auth provider login Promise rejection with "message" doesn't trigger notification message HOT 1
- When we use useRedirect hook to go back to a List Component, the pagination is reseted to page 1
- <AutocompleteInput> and <AutocompleteInputArray> refetch choises passed from graphql HOT 1
- Fields inside the ArrayInput aren't set as dirty when built HOT 1
- When a form contains ArrayInput with large entries. It takes more than a minute for a form to be submitted. HOT 2
- Bug in Translation in post edit page showing (post "some text here") HOT 1
- Dark mode become default upgrading react-admin package HOT 1
- AutocompleteInput with ReferenceInput calling getList() two times after select on sugestion list HOT 1
- Clearing filters using setFilter({}) does not clear FilterLiveSearch text input HOT 1
- [Translation] "Need help with this error?" HOT 1
- Following the "Save and add another" documentation leads to different submit behaviors when submitting on click or on pressing the "return" key
- TypeError: resetErrorBoundary is not a function in nested List
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.