Possible Bug in .submit()

Possible Bug in .submit()

I have a form for which i want to control submission, limiting it to when the submit button is clicked. However, if I attach a click event to the submit button, the event is triggered even when the button is not clicked. Here's a short example based on the .submit() docs page example.
  2. <!DOCTYPE html>
  3. <html>
  4. <head>
  5.   <style>

  7.   p { margin:0; color:blue; }
  8.   div,p { margin-left:10px; }
  9.   span { color:red; }
  10.   </style>
  11.   <script src="http://code.jquery.com/jquery-latest.js"></script>
  12. </head>
  13. <body>
  14.   <p>Type 'correct' to validate.</p>
  15.   <form action="javascript:alert('success!');">
  16.     <div>
  17.       <input type="text" />

  19.       <input type="submit" />
  20.     </div>
  21.   </form>
  22.   <span></span>
  23. <script>

  25.     $("form").submit(function() {
  26.       if ($("input:first").val() == "correct") {
  27.         $("span").text("Validated...").show();
  28.         return true;
  29.       }
  30.       $("span").text("Not valid!").show().fadeOut(1000);
  31.       return false;
  32.     });

  34.     $("input:submit").click(function(){
  35.       alert('clicked');
  36.     });
  37. </script>
  38. </body>
  39. </html>
With this code, clicking into the input field and then pressing the enter key triggers the click event even though you've gone nowhere near the button to which it's attached.

This feels like a bug to me, but I'm open to being told that I've misunderstood how jQuery works is that's the case.

I'd also be grateful for any advice as to how I can differentiate between a real click and the exact type of entry that I'm trying to prevent :(

    • Topic Participants

    • peter