Disable "enter' in a form to stop it submitting form

Hi there!

Im wondering if anyone could help me!!?

I am trying to find a way to stop the form submitting when you press enter / return when filling out the text boxes?

Any help much appreciated!

Thanks!

On 3/26/2021 at 11:38 PM, amiem said:

Hi there!

Im wondering if anyone could help me!!?

I am trying to find a way to stop the form submitting when you press enter / return when filling out the text boxes?

Any help much appreciated!

Thanks!

Simple jquery can help

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script>

<script>
$(document).ready(function() {
	$('.sqs-block-form').on('keypress keydown keyup', function(e){
       if(e.keyCode == 13) { e.preventDefault(); }
    });
});
</script>

@SolveigTraeet You can try above code for your case. if it doesn't work, replace sqs-block-form class with search class

@tuanphan @bangank36 

I'm hoping you can further help me with the same issue. In my Squarespace 7.1 website form, I want the enter / return button to simply act as a tab keystroke to allow my audience to put in a list of names into a text field without prematurely submitting the form. I used the code you suggested above but it resulted in fully disabling the enter/return button. Do you have any suggestions on how to modify the code? Thanks!

I want this for a search-entry field. I only want people to select from the preview results and not to go to the search result page. The enter button is the trigger for the search result page.
I think this would be a good solution, but I seem nog to get this code to work.
Could you help me out?