Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/460.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript google places autocomplete只接受有效条目_Javascript_Google Places Api - Fatal编程技术网

Javascript google places autocomplete只接受有效条目

Javascript google places autocomplete只接受有效条目,javascript,google-places-api,Javascript,Google Places Api,我已经在我的网站上实现了谷歌的自动完成api。 是否有方法检查\限制用户仅输入有效地址 例如,我不想让用户输入一个谷歌api不建议他输入的字符串 我还希望地址采用以下格式:街道医院、城市、国家、, 因此,如果用户没有填写门牌号或国家等,结果将不被接受 function googleAutoAddress(){ var placeSearch, autocomplete; var componentForm = { street_number: "short_name"

我已经在我的网站上实现了谷歌的自动完成api。 是否有方法检查\限制用户仅输入有效地址

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

我还希望地址采用以下格式:街道医院、城市、国家、, 因此,如果用户没有填写门牌号或国家等,结果将不被接受

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;
    }
  }
}
函数地址(){
var placeSearch,自动完成;
变量组件形式={
街道编号:“短名称”,
路线:“龙_名称”,
地点:“龙_名称”,
行政区级别1:“短名称”,
国家:“龙_名称”,
邮政编码:“短名称”
};
autocomplete=new google.maps.places.autocomplete(
/**@type{HTMLInputElement}*/(document.getElementById(“ENaddress”),
{类型:[“地理编码”]};
google.maps.event.addListener(自动完成,“地点更改”,函数(){
fillInAddress();
});
}
函数fillInAddress(){
var place=autocomplete.getPlace();
for(componentForm中的var组件){
document.getElementById(组件).value=“”;
document.getElementById(组件).disabled=false;
}
对于(变量i=0;i