Submit form when enter key pressed using Prototype javascript

Question

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!

Solution 1

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;   
    }
}

Solution 2

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);
    }
});