Question

I am building a site which uses jQUery validation plugin and want things validated before submitting the form. My code looks like follows

<form>
  <input type="button" value="Submit the Form" onclick="validateAndSubmit()" />
</form>
<script language="javascript">

   function validateAndSubmit(){
   //do some validation and then submit 
 }

</script>

In Firefox, this works perfectly. In Chrome, when I hit enter anywhere in the page, the form submit is triggered and validation doesn’t work either. Is there something to avoid this ? Shouldn’t the browser not submit a form when we hit an enter if there is no submit button?

Answer 1

use this syntax:

<form onsubmit="return validateAndSubmit()">
...

if you need to catch the return-key maybe you can handle it by binding an keydown event to the input and perform some action on keyCode #13