Prevent enter to submit form

[crazyglue71]

Hi

 

I have a form with about 10 fields now when the user presses enter it submits the form leaving allot of blanks

is there a way to make the enter button preform the same function as the "tab"key?

<input type="hidden" name="action" value="{$sANEventAction}" />

        {$sEditedIdElement}

        <input  type="submit" class="form_submit" name="{$sPostAction}" value="{$sPostEventC}"

          style="vertical-align: middle;margin-top:10px;" />

 

 

thanks

 

 

 

 

[ignace]

Use:

<button type="button" onclick="return onClick_validateForm();">Submit</button><!-- returns false if invalid else return true -->

 

Instead of:

<input type="submit">

[vineld]

If the fields are required you could also validate them on the client side before submitting the form. That way you will also teach your visitors to leave the enter key alone when finishing forms =)

[ignace]

I must warn you though that by disallowing the use of the enter key will decrease the usability of your website as most people are used to tab between fields and use arrow keys to select if multiple selective options are available and use the enter key all without touching the mouse. I would find it annoying to find out that I need to use my mouse and that when pressing enter nothing appears to happen as this is accepted as "normal" behavior.

[vineld]

I definitely agree with you. Too few developers think about usability which is just as important as security and functionality. You should not remove a few important user options just so that you will have to write less code.