Logo Questions Linux Laravel Mysql Ubuntu Git Menu
 

Submit form when enter key pressed using Prototype javascript

I've seen some other questions around this, but none for Prototype.

I have a form without a submit button (uses a styled link that calls some javascript).

What's the best way to detect a enter keypress in all the input fields and submit the form?

Thanks!

like image 900
Brian Armstrong Avatar asked Sep 09 '10 09:09

Brian Armstrong


2 Answers

This is an example of the kind of thing you could use:

$('input').observe('keypress', keypressHandler);

function keypressHandler (event){
    var key = event.which || event.keyCode;
    switch (key) {
        default:
        break;
        case Event.KEY_RETURN:
            $('yourform').submit();
        break;   
    }
}
like image 138
robjmills Avatar answered Nov 20 '22 22:11

robjmills


It is the same as above but does not need to set a function:

$('input').observe('keypress', function(event){
    if ( event.keyCode == Event.KEY_RETURN  || event.which == Event.KEY_RETURN ) {
        // enter here your code
        Event.stop(event);
    }
});
like image 3
bradypus Avatar answered Nov 20 '22 22:11

bradypus