如果条件满足，显示警报，几乎像onbeforeunload

Question

我有一个表格分成5个步骤。目前，如果您在步骤2-4中刷新/退出/关闭等，它会通过window.onbeforeunload返回一条消息，在那里没有问题。

window.onbeforeunload = function() { 
      if ($("#step1").is(":visible") || $("#step2").is(":visible") || $("#step3").is(":visible")) { 
       return 'Using the browsers back, refresh or close button will cause you to lose all form data. Please use the Next and Back buttons on the form.'; 
      } 
     } 

现在我需要添加的相同或类似类型的行为上step0（第一步骤），如果复选框“A”被选中，复选框“B”则不是。这个工程，但没有与另一个.onbeforeunload功能相结合

window.onbeforeunload = function() { 
      if ($("#A").is(":checked") && $("#B").is(":not(:checked)")) { 
       return 'Message here. Do you wish to continue?'; 
      } 
     } 

我怎样才能将这两个链接在一起？使用if，else语句似乎不起作用。

Answer 1

你可以像这样的一个功能将它们组合起来：

window.onbeforeunload = function() { 
    if ($("#A").is(":checked") && !$("#B").is(":checked")) { 
     return 'Message here. Do you wish to continue?'; 
    } 
    if ($("#step1, #step2, #step3").filter(":visible").length) { 
     return 'Using the browsers back, refresh or close button will cause you to lose all form data. Please use the Next and Back buttons on the form.'; 
    } 
} 

我简化你的其他选择来获取所有的元素，.filter()只有:visible的人，看看是否有任何（.length> 0），这仅仅是一个易于维护的方式去实现它。

你也可能要额外的检查，添加到第一if，确保你在这一步，就像这样：

if ($('#step0').is(':visible') && $("#A").is(":checked") && !$("#B").is(":checked")) {