Javascript's onclick event causes the page to reload in ie-8, but not in firefox, safari,chrome and opera?

Question

Hello, I have an onclick event attached to a button. Clicking the button adds a text box to the target div.

the code is: onclick="return addBlank("param1","param2"); The function addBlank does not have a return statement.

Clicking on the button behaves as intended in firefox, opera,chrome and safari - i.e., an empty text box is added to the target div and page is not reloaded.

Clicking on the button in ie8 forces a page reload and doesnt add anything to the target div.

Is there an onclick incompatibility that I'm missing here?

Thanks, I appreciate your taking the time to read this doubt!

Answer 1

Why not add

return false;

to the end of the function then? It should prevent anything happening as a result of the onclick event.

Answer 2

IE is treating the button as a submit actor (i.e., clicking it submits the form)

The click handler needs to return false; to prevent this.

function addBlank( p1, p2 )
{
  // stuff
  return false;
}