Dropzone Required Validation Throwing Error In Console

[sid]

Wappler Version : 3.2.2
Operating System : Windows 10 2004

<input class="d-flex border-danger" is="dmx-dropzone" id="dz_Attachments" type="file" name="Attachments[]" multiple message="" accept=".png,.jpg,.jpeg,.pdf" data-msg-accept="Only PDF, JPG, JPEG and PNG file types are allowed." data-rule-maxfiles="5" data-rule-maxtotalsize="10485760" data-msg-maxtotalsize="Total size of selected files should be no more than 10mb." data-msg-required="Please upload at least 1 file." dmx-bind:required="ShowSection.value == 3" data-rule-minfiles="1" data-msg-minfiles="Please select at least 1 file." data-msg-maxfiles="Please select no more than 5 files.">

The required validation should show appropriate message.

Actual behavior

How to reproduce

I am validating the dropzone’s required validation on button click like so dz_Attachments.validate()
On doing this, I see the above error in browser console.
I see the same error when I try to run the validate function using dmx.parse.
I also tried removing the dynamic required validation, but it did not make a difference.

Please help.

[patrick]

Please test following update.

dmxDropzone.zip (3.2 KB)

[sid]

Not seeing the error in console anymore. But the validation message is still not showing up.

In regular input fields, I see a div created to show error message: <div id="dmxValidatorErrorFormSUB" class="invalid-feedback"></div>
But not seeing anything for DropZone.
I have data-msg-required set in the control (as in the code above).

[patrick]

Had to make some changed in the app connect core also, here the updated files that you can test.

dmxAppConnect.zip (21.9 KB)
dmxDropzone.zip (3.2 KB)

[sid]

No luck.
I checked my code again… it looks like the validate() method is not validating the control correctly. I have 2 validations in place: minimum 1 file and dmx-bind required.
But, after running validate() on the control in browser, the invalid property still returns false.

[patrick]

It should work with the form validate, but forgot to also bind it to the component validate. Here a new update.

dmxAppConnect.zip (21.9 KB)
dmxDropzone.zip (3.3 KB)

[sid]

Working now. Thanks.

[Teodor]

Fixed in Wappler 3.3.2