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

你的意思是，像这样？

<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，因此它被缓存。

Answer 3

只需将“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();
    }
}

如何在弹出窗口上点击取消后阻止JQuery执行？

3 个答案: