Alb*_*min 5 javascript google-places-api
我已将 Google 的自动完成 api 用于我网站上的输入。有没有办法检查\限制用户只输入有效地址?
例如,我不想让用户输入 google 的 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;
}
}
}
Run Code Online (Sandbox Code Playgroud)
| 归档时间: |
|
| 查看次数: |
414 次 |
| 最近记录: |