jQueryのフォーラム提出

Question

を入力し押すことで、私は（ここでスリムバージョンだ）形式で異例の問題を抱えている：ボタンが正常に動作し

<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> 

私がヒットした場合、しかし、ときがあるテキストボックスのいずれかを入力します。フォーカス、「戻るボタン」アクションは、フォームの提出ハンドラは、「チェックアウト」を行うように設定されていても...発射するものです...

Answer 1

おそらくtothis PROCESS_ORDERを変更することができます：

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

とに変更します。あなたのフォームは、2つの送信ボタンがあり、フォームが活性化することにより、入力したキーを使用して提出します

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

Answer 2

それに.submit（）ハンドラをバインドし、その後

<form id="myForm">

最初の送信ボタン。送信ボタンとして最初のボタンを解釈するブラウザを避けるために

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

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

に変更