How do I make it so that you cannot click "GO" to submit the form (iPhone), but must tap the "submit" button?

Question

I have a couple fields in a form.

On the iphone, when people are filling out their stuff, there is a "GO" button on the keyboard. Accidentally click this will submit the form

How can I use JQuery to return false whenever the "GO" button is pushed, but instead only submit the form when the "submit" button is clicked?

Answer 1

You can remove the action tag from your <form> and then submit your form in your tap action.

Something like:

$('#submit').tap(function() {
  $.post('formsubmit_url.html', $("#formID").serialize());
});