iPad form disable [previous | next] buttons

Question

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)

Answer 1

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.