Jquery if if statement confusion

Question

사용자 작업을 확인하는 확인 경고 메시지가 나타납니다. "취소"를

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

, 다음 : "확인"을 클릭에

, 그것은 다음 코드를해야한다.

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>