Client Side validation on File input field

This is probably just me being silly but…

I set up a file upload field that stores the file name and a text field value in my database, i have added client side validation to the input of

<input name="order_number_pop" id="order_number_pop" type="hidden" dmx-bind:value="query.invoice_locator" required="">
<input name="file_upload_pop[]" id="file_upload_pop" type="file" multiple="" data-rule-maxfiles="3" data-msg-maxfiles="Please select no more than 3 files." required="" data-rule-maxsize="10000000" data-msg-maxsize="Please select a file of no more than 10MB." class="form-control-file" accept=".png,.jpg,.gif">

When i import my form data through server connect to create my file upload parameters, the $_POST variables are added with server side validation the same as my client side, but i do not want to use the server side validation so i remove all the checkboxes in server connect, add my database connection step, my file upload step, a repeat with the correct expression, and a database insert step, and save my action.

When i go and test it, the file uploads, and it inserts what i want into my database all perfectly, but i can choose more than 3 files and the client side validation does not show an error, if i turn back on all the server side validation it works as it should, however I really do not want the server side, and rather the client side.

Community Page
Last updated: