Red border on required field (input type select and file)

1 reply · opened Jul 29, 2020

SshanilsoniJul 29, 2020

Hey there,

When 'required' attribute is added to input types 'select, date and file', it doesn't put a red border around the field in case that is not either selected or chosen while clicking on the submit button. If everything else is filled while not selecting the mandatory file, it doesn't do anything. This is an expected behaviour but it should let user know that one needs to choose a file to submit the form. See the attached screenshot for a reference.

SSemicolon WebSTAFFJul 31, 2020

Hello,

Unfortunately, this is currently not supported even by the Official Plugin: https://jqueryvalidation.org/files/demo/ . The Select, File Inputs do not support Borders, else they will appear automatically. You might consider using Error Messages for these Field Types. Consider checking these Examples: http://themes.semicolonweb.com/html/canvas/forms-event-registration.html and http://themes.semicolonweb.com/html/canvas/forms-job.html .

Hope this Helps!

Let us know if we can help you with anything else or if you find any further issues.

Have the same question, or something new?

Sign in to the Canvas dashboard to reply or open your own topic. Canvas owners get direct help from the SemiColonWeb team.

Reply on the dashboard