HTML Form, stop enter from reloading page

I'm working on an HTML form that uses AJAX to search a database and return results. Everything works just fine, except when someone hits 'Enter' instead of clicking my search button (which is NOT a true submit button, it is calling JavaScript onclick) the page reloads. This, of course completely kills the AJAX functionality.

Does anyone have any idea how to stop the page from reloading when 'Enter' is pressed? Better yet, does anyone know how to make the 'Enter' key call my JavaScript function?

Thanks in advance.

 

let try use:

<form onsubmit="return submit_funtion();">

HTML:

or if ur button id is "submitbt",

<form onsubmit="return getElementById('submitbt').click()">

HTML:

 

Thank you for your help. Unfortunately, it didn't work. However, I found a workaround for the solution that involved me reorganizing how the page worked.

 

you can also use this

function checkkey(e,f)
{
if((e == 13) || (f==13))
{return false;}
else
{return true;}

}

onkeypress='return checkkey(event.which, event.keyCode);'

i learnt this somewhere, cant remember where, basically checks for enter key pressed, quite handy to use it only for texboxes and then not on textareas as you would still want to have linebreaks in textareas.