Prevent scroll top when submit button in js

Would someone advise how I can get this form to stop scrolling to the top of the page whenever the submit button os clicked?

Please enter your name.
'; } else if(trim($email) == '') { $error = '
Please enter a valid email address.
'; } else if(!isEmail($email)) { $error = '
You have entered an invalid email address, please try again.
'; } else if(trim($subject) == '') { $error = '
Please enter a subject.
'; } else if(trim($comments) == '') { $error = '
Please enter your message.
'; } else if(isset( $_POST['secure'] ) ) { if($_POST['secure'] != $_SESSION['security_number']) { $error = '
Please re-try the math problem below
'; } else { if($error == '') { if(get_magic_quotes_gpc()) { $comments = stripslashes($comments); } $address = "[email protected]"; $e_subject = 'You\'ve been contacted by ' . $name . '.'; $e_body = "You have been contacted by $name with regards to $subject. Their message is as follows.\r\n\n"; $e_content = "\"$comments\"\r\n\n"; $e_reply = "You can contact $name via email, $email"; $msg = $e_body . $e_content . $e_reply; mail($address, $e_subject, $msg, "From: $email\r\nReply-To: $email\r\nReturn-Path: $email\r\n"); // Email has sent successfully, echo a success page. echo "
"; echo "

Email Sent Successfully.

"; echo "

Thank you $name, we will reply shortly.

"; echo "
"; } } }
}
     if(!isset($_POST['contactus']) || $error != '')
     {
?>
      
      
Contact
reload image
function isEmail($email) { // Email address verification. return(preg_match("/^[-_.[:alnum:]]+@((([[:alnum:]]|[[:alnum:]][[:alnum:]-]*[[:alnum:]]).)+(ad|ae|aero|af|ag|ai|al|am|an|ao|aq|ar|arpa|as|at|au|aw|az|ba|bb|bd|be|bf|bg|bh|bi|biz|bj|bm|bn|bo|br|bs|bt|bv|bw|by|bz|ca|cc|cd|cf|cg|ch|ci|ck|cl|cm|cn|co|com|coop|cr|cs|cu|cv|cx|cy|cz|de|dj|dk|dm|do|dz|ec|edu|ee|eg|eh|er|es|et|eu|fi|fj|fk|fm|fo|fr|ga|gb|gd|ge|gf|gh|gi|gl|gm|gn|gov|gp|gq|gr|gs|gt|gu|gw|gy|hk|hm|hn|hr|ht|hu|id|ie|il|in|info|int|io|iq|ir|is|it|jm|jo|jp|ke|kg|kh|ki|km|kn|kp|kr|kw|ky|kz|la|lb|lc|li|lk|lr|ls|lt|lu|lv|ly|ma|mc|md|mg|mh|mil|mk|ml|mm|mn|mo|mp|mq|mr|ms|mt|mu|museum|mv|mw|mx|my|mz|na|name|nc|ne|net|nf|ng|ni|nl|no|np|nr|nt|nu|nz|om|org|pa|pe|pf|pg|ph|pk|pl|pm|pn|pr|pro|ps|pt|pw|py|qa|re|ro|ru|rw|sa|sb|sc|sd|se|sg|sh|si|sj|sk|sl|sm|sn|so|sr|st|su|sv|sy|sz|tc|td|tf|tg|th|tj|tk|tm|tn|to|tp|tr|tt|tv|tw|tz|ua|ug|uk|um|us|uy|uz|va|vc|ve|vg|vi|vn|vu|wf|ws|ye|yt|yu|za|zm|zw)$|(([0-9][0-9]?|[0-1][0-9][0-9]|[2][0-4][0-9]|[2][5][0-5]).){3}([0-9][0-9]?|[0-1][0-9][0-9]|[2][0-4][0-9]|[2][5][0-5]))$/i",$email)); } ?>

How to prevent page from scrolling to top JavaScript?

Preventing Touch Scroll Using JavaScript This can be accomplished by creating a function called disableTouchScroll() which takes a touchmove event and prevents the default behavior using the function preventDefault() and stops the propagation using the stopPropagation() function of the event.

How to disable scrollbar in JavaScript?

How TO - Hide Scrollbar.

body { overflow: hidden; /* Hide scrollbars */ } Try it Yourself ».

body { overflow-y: hidden; /* Hide vertical scrollbar */ overflow-x: hidden; /* Hide horizontal scrollbar */ } Try it Yourself ».

/* Hide scrollbar for Chrome, Safari and Opera */ .example::-webkit-scrollbar { display: none; }.

Option 1: event. preventDefault() method of the event object passed to your handler. If you're using jQuery to bind your handlers, that event will be an instance of jQuery. Event and it will be the jQuery version of . preventDefault() .

How to disable mouse scroll in JavaScript?

To disable scroll zooming, you must call the stopPropagation() method on the event object of the mouse-wheel event. view. on("mouse-wheel", function(evt){ // prevents zooming with the mouse-wheel event evt. stopPropagation(); });