jQuery Forum Submission Durch Schlagen Geben Sie

Question

ich ein ungewöhnliches Problem mit einem Formular (hier ist eine abgespeckte Version):

<script> 
    (function($){ 
     $("form").submit(function(){ 
      alert('Checkout time!'); 
     }); 
     $("button[name='process_order']").click(function(){ 
      alert('Button Checkout time!'); 
     }); 
     $("button[name='back']").click(function(){ 
      alert('Back Button'); 
     }); 
    })(jQuery); 
</script> 

<form> 
    <input type="text" name="moo1" tabindex="1" /> 
    <input type="text" name="moo2" tabindex="2" /> 
    <button name="back" tabindex="4">Back</button> 
    <button name="process_order" tabindex="3">Process Order</button> 
</form> 

Die Tasten funktionieren, aber wenn ich die Eingabetaste drücken, wenn eines der Textfelder, das hat Fokus, die ‚Zurück-Taste‘ Aktion ist es, was feuert ... auch wenn das Handler-Formular wird auf „Kasse“ zu tun ...

Answer 1

Sie wahrscheinlich den process_order tothis ändern könnten:

<input type="submit" name="process_order" value="Process Order" tabindex="3" />

Und Änderung:

<form id="myForm">

Dann binden die .submit() -Prozedur, um es

$('#myForm').submit(function() 
{ 
    alert('Button checkout time!'); 
    return false; //we return false so that it doesn't refresh the page 
}); 

Answer 2

Ihre Form hat zwei Tasten einreichen, das Formular mit der Enter-Taste vorlegen wird durch die Aktivierung die erste Schaltfläche zum Senden. ändern

<button name="back" tabindex="4">Back</button> 

zu

<button type="button" name="back" tabindex="4">Back</button> 

den Browser zu interpretieren den ersten Knopf als Submit-Button