PLEASE NOTE: These forums are no longer utilized and are provided as an archive for informational purposes only. All support issues will be handled via email using our support ticket system. For more detailed information on this change, please see this blog post.

Required File Inputs on iOS 5 (and lower)

  1. I'm creating an application form where people are, amongst other things, upload their CV / covering letter. The site is meant to be responsive.

    But, as I'm sure you're aware, it's only since iOS6 that Apple devices can upload files (without jailbreaking)...Safari simply renders file upload inputs as disabled. I've managed to use some JS to hide these disabled fields, but because these fields are set to required, they're stopping the form from being submitted. In the eyes of a mobile user, they've filled out everything they're meant to fill out...nothing is in error.

    I need to keep the required prompt and functionality for those who can...is there a way to detect the OS version and switch a form field to optional?

    Sorry guys, I can't give you a URL as an example...big client and NDA.

    Posted 12 years ago on Thursday November 8, 2012 | Permalink
  2. You can't modify the form fields based on user-agent using conditional logic, but you can detect the browser the visitor is using and load one page vs. another. You can create two forms, one for IOS5 and earlier (or any device which does not allow file uploads) and another for user-agents that support the file upload dialog.

    Posted 12 years ago on Sunday November 18, 2012 | Permalink