使用jQuery搜索时停止提交表单

Question

我的表单上有一个谷歌地图搜索输入。如果用户键入地址并按Enter键，则提交整个表单而不是搜索地图。我正在使用下面的代码来防止这种情况：

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;
    }
});

但是，我可以使用此功能一次。如果我再次尝试搜索并按Enter键，则没有任何反应。是因为我在提交功能上返回“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;
  }