在用jQuery搜索時停止表單提交

Question

我的表單上有谷歌地圖搜索輸入。如果用戶輸入地址並點擊輸入，則提交整個表單而不是搜索地圖。我正在使用下面的代碼來防止這種情況：

jQuery('#gform_6').submit(function() { 
    // check if address field is empty or not 
    if(jQuery("#map_search").val()=="") // empty 
     return true; // ok submit form 
    else { // address filled 
     ChangeMap(); 
     jQuery("#map_search").val(""); 
     return false; 
    } 
}); 

但是，我可以使用此功能一次。如果我嘗試再次搜索並按回車，則什麼都不會發生。是否因爲我在提交函數中返回「false」？

Answer 1

我相信你正在尋找event.preventDefault()

event.preventDefault：如果此方法被調用時，事件的默認動作不會被觸發。

jQuery('#gform_6').submit(function(event) { 
    event.preventDefault(); 
    // check if address field is empty or not 
    if(jQuery("#map_search").val()==""){ // empty 
    return true; // ok submit form 
    }else { // address filled 
    ChangeMap(); 
    jQuery("#map_search").val(""); 
    return false; 
    }