How do i stop the form from reloading using Javascript?

Question

When a User Submits the form i want to stop the default behavior of the form. ie it should not reload. so that i can perform the AJAX request.

here is the code i used.

<script type="text/javascript">
    function validateForm()
    {
        return false;
    }
</script>
<form action="" name="contact" onsubmit="validateForm();">
    <input type="text" name="name" value="Enter Your Name..."/>
    <input type="submit" name="submit"/>
</form>

this does not stop the form from being submitted or reloaded. how do i achieve this?

Answer 1

It needs to be onsubmit="return validateForm()"