jquery - Joomla Site - have a form that calls a javascript function - but it also is redirecting my url - why? -

jquery - Joomla Site - have a form that calls a javascript function - but it also is redirecting my url - why? -

the code:

javascript:

<script type="text/javascript" src="//ajax.googleapis.com/ajax/libs/jquery/1.8.0/jquery.min.js"></script> <script type="text/javascript"> function scroll(pos) { var x = location.hash; var scrolamount = pos; console.log(scrolamount); $('html, body').animate( { scrolltop: scrolamount }, 400); var d = document.createelement("div"); d.style.height = "101%"; d.style.overflow = "hidden"; document.body.appendchild(d); settimeout(function () { d.parentnode.removechild(d); }, 100); homecoming false; } </script>

html

this function shows alert , returns page normal

<div id="tester"> <form action="javascript:alert('action sent');" > <input type="submit" value="but1"> </form>

this form scrolls page expected redirects url main page

<div id="but1"> <form onsubmit="scroll(400)" > <input type="submit" value="but1"> </form> </div>

you not preventing form submit. seek adding :

onsubmit="scroll(400); homecoming false;"

javascript jquery html forms joomla