Mobile Safari Keyboard Form Submission

Question

I have a basic form with a search input and a submit button within. When focus takes place in the input, the keyboard is displayed as expected. When I press the button, the form submit event occurs, in which I call event.preventDefault() and instead make an ajax call. However, when I press the search button on the keyboard, the keyboard just hides and no submit event occurs.

Why doesn't the form submit when I press search on the keyboard? How can I trigger this event to happen via the keyboard search button?

Thanks.

Can you post code? You shouldn't need to listen for an event. — Chris Stephens, Aug 30 '13 at 21:10
Actually you do need to listen to an event if you want to use `ajax` — Trevor, Aug 31 '13 at 14:40
Oh gotcha, I normally use the form submit to submit my data via ajax. you can serialize the form data into json and send that directly. Much easier than having to wire up every input to a model directly. — Chris Stephens, Sep 04 '13 at 16:53

Trevor · Accepted Answer · 2012-06-22T20:49:13.557

5

The keyboard search button must be bound to a keypress event and has the keycode of 13.

Basically, listen to keypress events and return all calls except for e.which === 13

$('input').on('keypress', function ( e ) {
    if ( e.which !== 13 ) {
        return;
    }

    // ajax code
}

edited Jun 22 '12 at 20:49

answered Jun 22 '12 at 20:33

Trevor

11,269
2
33
40

Mobile Safari Keyboard Form Submission

1 Answers1