Jqueryの単純なif文の混乱

Question

ユーザーの操作を確認するための確認アラートがあります。 "キャンセル" の

function disableSubmitButton() { 
    jQuery("#submitButton").attr("disabled", "true"); 
    jQuery("#rent_space").submit(); 
} 

、以下： "OK" をクリックして上の

は、それが次のコードを実行する必要があります。

if (!confirm('Are you sure you want to proceed ?')) { 
    return false; 
} 

しかし、私のコードは、現在フォーマットされている方法は、コードの最初のブロックは、ボタンが押されているのにかかわらず実行されます。

これはコードを動かすだけのことだと思いますが、前例の試行がすべて失敗したため正しく実行する方法がわかりません。どんな助けもありがたい。ありがとう！

全コード：

<script> 
    jQuery(document).ready(onDocumentReady); 
     function onDocumentReady() { 

      jQuery("#submitButton").click(disableSubmitButton); 

      jQuery('#submitButton').click(function() { 
       if (!confirm('Are you sure you want to proceed ?')) { 
        return false; 
       } 
      }); 

     } 
     function disableSubmitButton() { 
      jQuery("#submitButton").attr("disabled", "true"); 
      jQuery("#rent_space").submit(); 
     } 
</script> 

Answer 1

あなたが試すことができます：

//jQuery("#submitButton").click(disableSubmitButton); 

jQuery('#submitButton').click(function() { 
if (!confirm('Are you sure you want to proceed ?')) { 
    return false; 
} 
else 
{ 
    disableSubmitButton(); 
} 
}); 

Answer 2

あなたが本当に送信ボタンを無効にする必要がありますか？もう一方のクリックでfalseを返すだけで十分です。

<script> 
    jQuery(document).ready(onDocumentReady); 
     function onDocumentReady() { 

      jQuery('#submitButton').click(function() { 
       if (!confirm('Are you sure you want to proceed ?')) { 
        return false; 
       } 
      }); 

     } 

</script> 

しかし、私が代わりに提出するイベントにバインドします：

<script> 
    jQuery(document).ready(onDocumentReady); 
     function onDocumentReady() { 

      jQuery('#rent_space').submit(function() { 
       if (!confirm('Are you sure you want to proceed ?')) { 
        return false; 
       } 
      }); 

     } 

</script> 

Answer 3

あなたが唯一のイベントリスナーを必要とします。条件はリスナー本体で処理できます。

jQuery("#submitButton").click(function(e) { 
    e.preventDefault(); 
    if(confirm("...")) { 
    jQuery("#submitButton").attr("disabled", "true"); 
    jQuery("#rent_space").submit(); 
    } 
}); 

NB。イベントのデフォルトの動作を防ぐには、return falseの代わりにe.preventDefault()を使用する必要があります。

Answer 4

ハリの答えは正しいです。私はそれはあなたの提案のおかげで動作するようになった

jQuery("#submitButton").click(function() { 
    if (confirm("Are you sure you want to proceed?")) { 
     disableSubmitButton(); 
    } else { 
     return false; 
    } 
}); 

Answer 5

編集編集：私は（わずかに）より多くの慣用を好みます。ありがとうございました。 :)

Heresは機能したコードです。

 <script> 
     jQuery(document).ready(onDocumentReady); 
      function onDocumentReady() { 

       jQuery('#submitButton').click(function() { 
        if (!confirm('Are you sure you want to proceed ?')) { 
         return false; 
        } 
        else{ 
         jQuery("#submitButton").click(disableSubmitButton); 
        } 
       }); 

      } 
      function disableSubmitButton() { 
       jQuery("#submitButton").attr("disabled", "true"); 
       jQuery("#rent_space").submit(); 
      } 
    </script>