How can I disabled the submit button if the uploaded file is larger the setted maximum file size? #1359
-
|
Hi, I have a file component (with base64 storage) and set the maximum file size as 100KB. I found that if the user uploaded file is larger then 100KB, it will prompt a warning message. But the user can still click the submit button ). Can I set the logic to disable the submit button if the uploaded file is larger then the maximum file size (same logic as the warning message)?
|
Beta Was this translation helpful? Give feedback.
Replies: 3 comments 1 reply
-
|
When the file component displays a warning, it means that the data is not saved. The data object sent with the attachment or file being saved is empty. To address this issue, we can add a validation check to ensure that the Required field on the file component is ticked. This will disable the submit button (as the "disable on form invalid" is ticked) since the data file added will be empty unless it is less than the actual size. I will update you on the size validation check based on the Maxfile Size provided.
|
Beta Was this translation helpful? Give feedback.
-
|
Hi, thank you for reply. But in my case, the upload field is not a required field. It is an optional field that client can select to upload supporting document or not. I have add an radio button selection before the upload component (which will display the upload component if client select yes) Can I add logic in the condition part to set if the radio button ticked "yes", then the upload component will be a required field (In other condition, the upload component will be a optional field) ? I have tried and added this code to conditional field. It can show/hide the upload component based on the selected radio button. But the upload component is still an optional field, may I know if it is possible to set the field to be required by adding code in the conditional section. If yes, can you advise me how to make it? |
Beta Was this translation helpful? Give feedback.
-
|
Yes, we can add the logic to make the file component ‘required’ based on the value of the radio button. Step 1: Add a new logic in the file component. Step 2: And add the action Step 3: add the max size of the file. As a result, when the radio button is yes, the file component will be required, the submit button will be disabled and the file size will be as expected.
The sample form json can be referred here: |
Beta Was this translation helpful? Give feedback.
-
|
Thanks a lot. It works |
Beta Was this translation helpful? Give feedback.
Yes, we can add the logic to make the file component ‘required’ based on the value of the radio button.
Step 1: Add a new logic in the file component.
Step 2: And add the action
Step 3: add the max size of the file.
As a result, when the radio button is yes, the file component will be required, the submit button will be disabled and the file size will be as expected.
The sample form json can be referred here:
https://gist.github.com/Josephalexantony-aot/9b49b8f6bd1ba516205254111cbd64de