HTML-form submit button not running the OnSubmit script associated with it

Question

I\'m making a chrome extension, and so far I\'m just testing some things. The HTML for the extension is this:

Answer 1

Please put the following code -

$(document).ready(function(){ $("form").submit(ExampleIS);});

This should work.

Answer 2

You cannot use inline code in a Chrome extension due to its Content Security Policy, and setting onsubmit in the element counts as inline.

A jQuery-based solution (you will need to include jQuery with the extension and add it to the page, but there's no harm in that):

// processform.js
$(document).ready(function(){
  // Bind from JS, not inline
  $("form").submit(ExampleJS);
});

A pure JavaScript solution would be:

// processform.js
document.addEventListener('DOMContentLoaded', function(){
  // Bind from JS, not inline
  document.forms["myform"].addEventListener('submit', ExampleJS);
});