谷歌地方自动完成只接受有效的条目

时间:2015-01-01 14:57:10

标签: javascript google-places-api

我已经将Google的自动填充功能api归功于我网站上的输入。 有没有办法检查\限制用户只委托一个有效的地址?

例如,我不想让用户输入一个谷歌的api没有向他建议的字符串。

此外,我希望地址采用以下格式:Street HosueNum,City,Country, 因此,如果用户没有填写门牌号码或国家/地区等等......结果将不被接受。

function googleAutoAddress(){
    var placeSearch, autocomplete;
    var componentForm = {
      street_number: "short_name",
      route: "long_name",
      locality: "long_name",
      administrative_area_level_1: "short_name",
      country: "long_name",
      postal_code: "short_name"
    };
      autocomplete = new google.maps.places.Autocomplete(
          /** @type {HTMLInputElement} */(document.getElementById("ENaddress")),
          { types: ["geocode"] });
      google.maps.event.addListener(autocomplete, "place_changed", function() {
        fillInAddress();
      });
    }

function fillInAddress() {
  var place = autocomplete.getPlace();

  for (var component in componentForm) {
    document.getElementById(component).value = "";
    document.getElementById(component).disabled = false;
  }

  for (var i = 0; i < place.address_components.length; i++) {
    var addressType = place.address_components[i].types[0];
    if (componentForm[addressType]) {
      var val = place.address_components[i][componentForm[addressType]];
      document.getElementById(addressType).value = val;
    }
  }
}

0 个答案:

没有答案