如何在滿足某些條件時退出jQuery .on（）函數中的函數

Question

我有以下javascript/jquery代碼。

我是一個JavaScript新手，所以我很抱歉如果這個問題是非常容易解決的。 如果出現錯誤或服務器上沒有找到密鑰，我想退出此.on（'click'）功能。這點擊綁定會在表單上觸發一個發佈請求，所以如果這兩個條件都不符合，我想繼續運行它。我查了其他例子，我嘗試了很多東西，例如return,.stopPropagation等。

我應該怎麼做？我嘗試了return;和return false;，但它仍然刷新頁面並觸發表單上的發佈請求。

我在做什麼錯？

$(document).ready(function() { 

    var validation = false; 
    $('#submitform').on('click', function(e) { 

     if (validation === true) { 
      validation = false; // reset flag 
      return;// let the event bubble away 
     } 

     if ($('#street_number') == "" && $('#route') == "" && $('#lat') == "" && $('#lon') == "" 
       && $('#administrative_area_level_1') == "") { 
      alert("Unknown Address"); 
      validation = false; 
      e.preventDefault(); 
      return false; 
     } 
     else { 
      var data_dict = { 
       // Number 
       'street_number': $('#street_number').val(), 
       // Address 
       'address': $('#route').val(), 
       // City 
       'city': $('#locality').val(), 
       // postal code 
       'postal_code': $('#postal_code').val(), 
       // State 
       'state': $('#administrative_area_level_1').val(), 
       // Country 
       'country': $('#country').val() 
      }; 
      $.ajax({ 
       url: '/zillow_check/', 
       data: data_dict, 
       method: 'POST' 
      }).then(function (response) { 
       console.log("Checking for Zillow ID..."); 
       if (response.error) { 
        console.error("There was an error " + response.error); 
        $('.dashboard-main__appartment--input').addClass('serverError'); 
        validation = false; 
        e.stopImmediatePropagation(); 
        return; 
       } else { 
        console.log("Zillow key: " + response); 
        if (response == 'No zillow ID found.') { 
         // You can change this to whatever you like. 
         alert("Can't add this object. It does not exist on Zillow. Check the Address and try again."); 
         validation = false; 
         e.stopImmediatePropagation(); 
         return; 

        } 
        else if (isNaN(response) == false) { 
         validation = true; 
         $('#propertyform').submit() 
        } 
       } 

      }); 

     } 
    }); 
}); 

Answer 1

您需要立即阻止所有案例的默認設置。

Ajax是異步的，所以你不能等待它完成嘗試阻止默認值，那麼......已經太晚了。

$('#submitform').on('click', function(e) { 
    e.preventDefault(); 
    // no need for other instances of preventDefault() beyond here or for `stopImmediatePropagation()` 

    // your other code 

})