Using jqxFileUpload in a form

[antonomaseParticipant]

Hi,

I want to construct a form with several classical fields (name, forname,…) and a field for uploading a file
When I click on the button Browse, the select box is opened but the form is submitted.

$('#name').jqxInput();
$('#jqxFileUpload').jqxFileUpload();
...
<form action="/submit.php" method="post" enctype='multipart/form-data'>
<input id='name' type='text' name='name' />
<div id="jqxFileUpload"></div>
</form>'

Is it possible to use jqxFileUpadload in a form ?

Best regards

[ivanpeevskiParticipant]

Hi antonomase,

The jqxFileUpload component has its own hidden form element so that it can upload the attached files and nesting it inside other form elements is not recommended.
I suggest putting the jqxFileUpload outside the form. Then if you wish to upload the files at the same time as the form, you can use the onsubmit JS event.
You can have a look at the fiddle here: https://jsfiddle.net/mwakhdj7/6/

If you have any other questions, please do not hesitate to contact us again.
Best regards,
Ivan Peevski
jQWidgets Team
https://www.jqwidgets.com

[PabloinatorParticipant]

Thank you man

[Author]

Posts