Simulate-form-onsubmit-event-bubbling.js

FormBubbler = {
  submittableInput: function(element) {
    var element = $(element);
    return ( element.match('input[type=text]') || element.match('input[type=password]') );
  },

  submitButton: function(element) {
    var element = $(element);
    return ( element.match('input[type=submit]') || element.match('input[type=image]') );
  },

  EventHandlers: {        
    keypress: function(event) {
      var returnValue = true;
      if ( event.key == 'enter' ) {
        var element = event.target || event.relatedTarget;
        if ( FormBubbler.submittableInput(element) ){
          var form = element.getParent('form');
          if (form) {
            document.fireEvent('submitted', [event, form]);
          }
        }
      }
      return returnValue;
    },

    click: function(event) {
      var element = event.target || event.relatedTarget;
      var returnValue = true;      
      if ( FormBubbler.submitButton(element) ) {
        var form = element.getParent('form');
        if (form) {
          document.fireEvent('submitted', [event, form]);          
        }
      }
      return returnValue;      
    }
  }
};

handleKeyPressEvent = function(event){
  var returnValue = FormBubbler.EventHandlers.keypress(event);
};

handleClickEvent = function(event){
  var returnValue = FormBubbler.EventHandlers.click(event);
};


document.addEvent('click', handleClickEvent);
document.addEvent('keypress', handleKeyPressEvent);
document.addEvent('submitted', function(event, form) {
  // do something here...
});