javascript - 在弹出窗口中点击取消后如何防止 JQuery 执行？

Question

我有一个需要提交的表格。单击提交后，我有一个 javascript 警报/确认询问：您确定要提交订单吗？

如果用户单击“确定”，我想执行一个 JQuery 方法。但如果他们点击“取消”，我不想执行任何操作。有没有办法做到这一点？如果他们单击“确定”，这是我要提交的 JQuery：

<script>
$(document).ready(function() { 
$('#saving').click(function() { 
   // do something
}); 
});
</script>

我的按钮：保存

javascript弹出窗口：

function askUserIfTheyAreSure() {
var check = confirm("Are you sure you want to submit the order?");
if(check == true) { 
  document.forms["myform"].submit();
}
}

Answer 1

我建议这样：

<script>

$(document).ready(function() { 

$('#saving').click(function() { 

    if(confirm("Are you sure you want to submit the order?")){
        document.forms["myform"].submit();

    }else{
      return false;
   }

}); 


});

</script>

Answer 2

只需将“click”代码中的所有内容复制到“check==true”块中即可。如果用户单击取消，它将不会执行。

function askUserIfTheyAreSure() {
    var check = confirm("Are you sure you want to submit the order?");
    if(check == true) { 
        // do something begin

        // do something end
        document.forms["myform"].submit();
    }
}

Answer 3

你的意思是，像这样？

<script type='text/javascript'>
  function askUserIfTheyAreSure(){
    var check = confirm('Are you sure you want to submit the order?');
    if(check == 1) { 
      // run you jQuery Function Here
    }
    else{
      // do something else
      return false;
    }
  }
  $(document).ready(function(){ 
  $('#saving').click(askUserIfTheyAreSure); 
</script>

真的，我会使用外部 JavaScript，所以它被缓存了。