React-final-form ignores Field validate property changeIs there any way to get if react final form has touched status outside of formAccessing the value of sibling fields on a react-final-form componentConditionally format value in React-Final-Form based on data in form?validator is not a function error - react final form field arraysReact final-form I want to handleSubmit only if all fields are validHow do I use multiple submit buttons with react-final-form?Determine when a field using final-form-arrays is newly insertedReact-Final-Form: Set initialValues from props, form state resets on props changeUnable to access mutator functions in Wizard form page while using react-final-formHow to append a field after an initial submit using react-final-form
Are thrust levers synchronized by default when pushed/pulled?
Why doesn't the Falcon-9 first stage use three legs to land?
Does Git delete empty folders?
In an emergency, how do I find and share my position?
Can we save the word "unique"?
What is the difference between a premise and an assumption in logic?
Have only girls been born for a long time in this village?
How to persuade recruiters to send me the Job Description?
How would one country purchase another?
How to create a summation symbol with a vertical bar?
Defense against attacks using dictionaries
How can I use unicode in this condition?
Can you be convicted for being a murderer twice?
How can I run SQL Server Vulnerability Assessment from a SQL Job?
Does C++20 mandate source code being stored in files?
Is it insecure to have an ansible user with passwordless sudo?
(Why) May a Beit Din refuse to bury a body in order to coerce a man into giving a divorce?
Ask for a paid taxi in order to arrive as early as possible for an interview within the city
Does Swashbuckler's Fancy Footwork apply if the attack was made with Booming Blade?
How to specify and fit a hybrid machine learning - linear model
Why are delta bots so finicky?
How to avoid using System.String with Rfc2898DeriveBytes in C#
The sound of thunder's like a whip
Is it safe to remove the bottom chords of a series of garage roof trusses?
React-final-form ignores Field validate property change
Is there any way to get if react final form has touched status outside of formAccessing the value of sibling fields on a react-final-form componentConditionally format value in React-Final-Form based on data in form?validator is not a function error - react final form field arraysReact final-form I want to handleSubmit only if all fields are validHow do I use multiple submit buttons with react-final-form?Determine when a field using final-form-arrays is newly insertedReact-Final-Form: Set initialValues from props, form state resets on props changeUnable to access mutator functions in Wizard form page while using react-final-formHow to append a field after an initial submit using react-final-form
.everyoneloves__top-leaderboard:empty,.everyoneloves__mid-leaderboard:empty,.everyoneloves__bot-mid-leaderboard:empty margin-bottom:0;
On click on a checkbox, I'm changing the "validate" property of another field. The problem is the following: "validate" field is changed and I can see it in React inspector, but react-final-form calls an old validator.
You can see a demo here: https://codesandbox.io/embed/nny0zxz4rm
If you click on the checkbox and then Submit - form will be submitted and validator ignored. If you click the checkbox twice - nonrequired field will prevent form submit.
I can't change the validator's code and can't see any other options to fix this issue.
reactjs react-final-form
add a comment |
On click on a checkbox, I'm changing the "validate" property of another field. The problem is the following: "validate" field is changed and I can see it in React inspector, but react-final-form calls an old validator.
You can see a demo here: https://codesandbox.io/embed/nny0zxz4rm
If you click on the checkbox and then Submit - form will be submitted and validator ignored. If you click the checkbox twice - nonrequired field will prevent form submit.
I can't change the validator's code and can't see any other options to fix this issue.
reactjs react-final-form
add a comment |
On click on a checkbox, I'm changing the "validate" property of another field. The problem is the following: "validate" field is changed and I can see it in React inspector, but react-final-form calls an old validator.
You can see a demo here: https://codesandbox.io/embed/nny0zxz4rm
If you click on the checkbox and then Submit - form will be submitted and validator ignored. If you click the checkbox twice - nonrequired field will prevent form submit.
I can't change the validator's code and can't see any other options to fix this issue.
reactjs react-final-form
On click on a checkbox, I'm changing the "validate" property of another field. The problem is the following: "validate" field is changed and I can see it in React inspector, but react-final-form calls an old validator.
You can see a demo here: https://codesandbox.io/embed/nny0zxz4rm
If you click on the checkbox and then Submit - form will be submitted and validator ignored. If you click the checkbox twice - nonrequired field will prevent form submit.
I can't change the validator's code and can't see any other options to fix this issue.
reactjs react-final-form
reactjs react-final-form
asked Mar 27 at 15:21
KtulhKtulh
133 bronze badges
133 bronze badges
add a comment |
add a comment |
1 Answer
1
active
oldest
votes
This does look like a bug. The field-level validation was not designed with the idea of swapping validation functions so quickly like this. However, until this is fixed, there is a way to accomplish this. https://codesandbox.io/s/pyr69znvnq
add a comment |
Your Answer
StackExchange.ifUsing("editor", function ()
StackExchange.using("externalEditor", function ()
StackExchange.using("snippets", function ()
StackExchange.snippets.init();
);
);
, "code-snippets");
StackExchange.ready(function()
var channelOptions =
tags: "".split(" "),
id: "1"
;
initTagRenderer("".split(" "), "".split(" "), channelOptions);
StackExchange.using("externalEditor", function()
// Have to fire editor after snippets, if snippets enabled
if (StackExchange.settings.snippets.snippetsEnabled)
StackExchange.using("snippets", function()
createEditor();
);
else
createEditor();
);
function createEditor()
StackExchange.prepareEditor(
heartbeatType: 'answer',
autoActivateHeartbeat: false,
convertImagesToLinks: true,
noModals: true,
showLowRepImageUploadWarning: true,
reputationToPostImages: 10,
bindNavPrevention: true,
postfix: "",
imageUploader:
brandingHtml: "Powered by u003ca class="icon-imgur-white" href="https://imgur.com/"u003eu003c/au003e",
contentPolicyHtml: "User contributions licensed under u003ca href="https://creativecommons.org/licenses/by-sa/3.0/"u003ecc by-sa 3.0 with attribution requiredu003c/au003e u003ca href="https://stackoverflow.com/legal/content-policy"u003e(content policy)u003c/au003e",
allowUrls: true
,
onDemand: true,
discardSelector: ".discard-answer"
,immediatelyShowMarkdownHelp:true
);
);
Sign up or log in
StackExchange.ready(function ()
StackExchange.helpers.onClickDraftSave('#login-link');
);
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
StackExchange.ready(
function ()
StackExchange.openid.initPostLogin('.new-post-login', 'https%3a%2f%2fstackoverflow.com%2fquestions%2f55380784%2freact-final-form-ignores-field-validate-property-change%23new-answer', 'question_page');
);
Post as a guest
Required, but never shown
1 Answer
1
active
oldest
votes
1 Answer
1
active
oldest
votes
active
oldest
votes
active
oldest
votes
This does look like a bug. The field-level validation was not designed with the idea of swapping validation functions so quickly like this. However, until this is fixed, there is a way to accomplish this. https://codesandbox.io/s/pyr69znvnq
add a comment |
This does look like a bug. The field-level validation was not designed with the idea of swapping validation functions so quickly like this. However, until this is fixed, there is a way to accomplish this. https://codesandbox.io/s/pyr69znvnq
add a comment |
This does look like a bug. The field-level validation was not designed with the idea of swapping validation functions so quickly like this. However, until this is fixed, there is a way to accomplish this. https://codesandbox.io/s/pyr69znvnq
This does look like a bug. The field-level validation was not designed with the idea of swapping validation functions so quickly like this. However, until this is fixed, there is a way to accomplish this. https://codesandbox.io/s/pyr69znvnq
answered Mar 28 at 15:49
Erik R.Erik R.
4,3641 gold badge17 silver badges31 bronze badges
4,3641 gold badge17 silver badges31 bronze badges
add a comment |
add a comment |
Got a question that you can’t ask on public Stack Overflow? Learn more about sharing private information with Stack Overflow for Teams.
Got a question that you can’t ask on public Stack Overflow? Learn more about sharing private information with Stack Overflow for Teams.
Thanks for contributing an answer to Stack Overflow!
- Please be sure to answer the question. Provide details and share your research!
But avoid …
- Asking for help, clarification, or responding to other answers.
- Making statements based on opinion; back them up with references or personal experience.
To learn more, see our tips on writing great answers.
Sign up or log in
StackExchange.ready(function ()
StackExchange.helpers.onClickDraftSave('#login-link');
);
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
StackExchange.ready(
function ()
StackExchange.openid.initPostLogin('.new-post-login', 'https%3a%2f%2fstackoverflow.com%2fquestions%2f55380784%2freact-final-form-ignores-field-validate-property-change%23new-answer', 'question_page');
);
Post as a guest
Required, but never shown
Sign up or log in
StackExchange.ready(function ()
StackExchange.helpers.onClickDraftSave('#login-link');
);
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
Sign up or log in
StackExchange.ready(function ()
StackExchange.helpers.onClickDraftSave('#login-link');
);
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
Sign up or log in
StackExchange.ready(function ()
StackExchange.helpers.onClickDraftSave('#login-link');
);
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown