iPad form disable [previous | next] buttons
html, ios, ipad, jquery, mobile-safari
Solution
The way I solved this problem was to `disable` and set `visibility: hidden` on any form elements that the user should not be able to tab to. This is a pain in the ass, but it works well on iOS 5.
Problem
So I have a form wizard that exists in a slider. The whole idea is to gate people based on their decisions. The problem is the ipad. On the iPad it allows you to hit [previous|next] to move through fields on the form, and this breaks the gating strategy. On desktop browsers I suppressed the `TAB` key by returning false on keypress on gated fields. But on the iPad I see no solution. I've tried tabindex and set gated inputs to -1. The problem here is that after they move through the gate the [previous|next] buttons reactive and mess everything up. Is there a way I can remove those buttons all together? Or capture them as a js event? (NOTE this is a mobile web page, not an app)