jQuery UI Widgets Forums General Discussions 'required' attribute causes validation message on 'Browse' in File Upload

This topic contains 1 reply, has 2 voices, and was last updated by  Martin 1 year, 1 month ago.

Viewing 2 posts - 1 through 2 (of 2 total)
  • Author

  • just_phil
    Participant

    Hi, how can I prevent the ‘Please fill out this field’ message from popping up in the below example? This example is straight from the jxqFileUpload documentation page, with the addition of the form and an input field with the ‘required’ attribute.

    Thank you!

    <!DOCTYPE html>
    <html lang=”en”>
    <head>
    <title>jQuery File Upload Sample</title>
    <link type=”text/css” rel=”Stylesheet” href=”../../jqwidgets/styles/jqx.base.css” />
    <script type=”text/javascript” src=”../../scripts/jquery-1.11.1.min.js”></script>
    <script type=”text/javascript” src=”../../jqwidgets/jqxcore.js”></script>
    <script type=”text/javascript” src=”../../jqwidgets/jqxbuttons.js”></script>
    <script type=”text/javascript” src=”../../jqwidgets/jqxfileupload.js”></script>
    <script type=”text/javascript”>
    $(document).ready(function () {
    $(‘#jqxFileUpload’).jqxFileUpload({ width: 300, uploadUrl: ‘upload.php’, fileInputName: ‘fileToUpload’ });
    });

    </script>
    </head>
    <body>
    <form”>
    <input id=”Name” required=”required” />
    <div id=”jqxFileUpload”>
    </div>
    </form>
    </body>
    </html>


    Martin
    Participant

    Hello Phil,

    You can move the jqxFileUpload outside of the form. Then clicking on “Browser” will not cause the required message to pop-up.
    Here is an Example.

    Best Regards,
    Martin Yotov

    jQWidgets team
    https://www.jqwidgets.com

Viewing 2 posts - 1 through 2 (of 2 total)

You must be logged in to reply to this topic.