Develop Reference

react-final-form: how to submit per change in fields without button?

I have a text field, dropdown, date picker, and etc. My form won't have a save button so I don't have any type of "submit". For text field, I want the onSubmit to trigger to happen when the user enters enter button. For dropdown and date picker, it would call onSubmit when a user picks a different value aka onChange. It seems like you need a button or something of type submit to trigger onSubmit but it's not like I can put two types per Field. Any ideas on how I can trigger submit per field without any clicking any buttons?
here is a sandbox where I tried to trigger onSubmit per field.
https://codesandbox.io/s/react-final-form-external-submit-button-forked-gz40r3

one of the parameters that is getting passed in the Form's render is a reference to "form". You can trigger form.submit() in onChange or pass it as a param to another function and call it within that function.

Get submit button value onsubmit event

I have a strange edge-case, let me try to describe it:
I have a form with multiple submit buttons with different values. The submit value is important in my backend. I want to intercept a form submit (using onsubmit) do an asynchronous task and continue the event.
Sadly calling Form.prototype.submit() does not work, because the information which button was clicked is lost. Of course I can emulate that data, but just adding a hidden input, but I don't know how to figure out which button was clicked in the onsubmit event.
If you need an example this is where I am trying to solve it:
https://github.com/codingjoe/django-s3file/blob/master/s3file/static/s3file/js/s3file.js

When you dynamically submit the form, you can do it differently than calling form.submit. You can just trigger the click event of whichever submit button you need to. Then, in a click event handler for the submit buttons, you can assign a value to your hidden form field with the appropriate data.
Also, know that if you just give your submit buttons a name attribute with a unique value and they will deliver their value as part of the form's data that gets submitted.

jquery - Autocomplete how to force select from list or user can type value from list and Submit form

I have a form in which have one autocomplete text field and submit button. on Autocomplete text I have below code which uses change event which basically empty out the text field if value is not part of the list, and on button- onSubmit i check if field is null or not, if its null then it displays error saying it can not be null. All these work fine if I type in text and click somewhere else except submit button and then click on button. for eg. if I type xyzxyx (which is not part of select list) on textbox and I click on submit button then it accepts whatever value is typed and takes it to next screen. It seems like on OnSbumit event is firing first before onChange of Autocomplete field, how do i resolve this?
$(#testBox).autocomplete(
{
soruce: url,
change:function(event,ui){
if(ui.item=null)
{
$(#testBox).val('');
alert("entered item is not part of the list");
}
}

In your if you have to use a double "=":
if(ui.item==null)

Check Below Jquery Tutorial :
https://forum.jquery.com/topic/jquery-validation-on-jquery-autocomplete

Add collection field to a form, that can render multiple 'prototypes'

I have my code setup like in this example: http://symfony.com/doc/current/cookbook/form/form_collections.html
The only thing that differs, is that I add tag fields through the change event of a select box (which holds a few tag types) instead of clicking the 'add tag' link.
What I like to add, is the option to add different form fields, according to the tag-type that is selected. (that is why I'm working with the change event instead of the add-tag link)
For example:
If I select tag-type 'simple', one form field should be rendered, being 'fieldName'
If I select tag-type 'advanced', two form fields should be rendered, being 'fieldName1' and 'fieldName2'
How can I do this? Should I define multiple prototypes? Or is there a more clever way?

I solved it like this:
When I change the value of the select box, an ajax call is made of type "post".
That call executes an action in my controller. The action will build that same form again.
A PRE_SET_DATA event listener will take care of adding a form-field to the main form through a form-modifier function (based on the chosen value in the select box).
Last but not least: the POST_SUBMIT event listener that calls that same form-modifier function to avoid the "form can not contain any extra fields" error.

Accept Field Value when Form is submitted with Dojo

Small but boring issue:
We have an Form field inside an DojoX Grid (1.2). If the user changes the value inside this field, and is hitting the "Submit" Button without clicking somewhere else the new value is ignored.
Is there any way to "accept" all Values entered inside the field, when hitting submit? Or something like "onMouseOut" Accept value?

An colleague has found an solution:
grid.edit.apply();
before submit..