我正在使用Algolia Places API自动填写用户输入的地址。
我直接从文档中使用了“完整表格”示例:
<form action="/billing" class="form">
<div class="form-group">
<label for="form-address">Address*</label>
<input type="search" class="form-control" id="form-address" placeholder="Where do you live?" />
</div>
<div class="form-group">
<label for="form-address2">Address 2</label>
<input type="text" class="form-control" id="form-address2" placeholder="Street number and name" />
</div>
<div class="form-group">
<label for="form-city">City*</label>
<input type="text" class="form-control" id="form-city" placeholder="City">
</div>
<div class="form-group">
<label for="form-zip">ZIP code*</label>
<input type="text" class="form-control" id="form-zip" placeholder="ZIP code">
</div>
</form>
<script src="https://cdn.jsdelivr.net/npm/places.js@1.16.4"></script>
<script>
(function() {
var placesAutocomplete = places({
appId: 'pl11CGEN8F7A',
apiKey: '3e12dfac387e0d83d27c88e19d132b08',
container: document.querySelector('#form-address'),
templates: {
value: function(suggestion) {
return suggestion.name;
}
}
}).configure({
type: 'address'
});
placesAutocomplete.on('change', function resultSelected(e) {
document.querySelector('#form-address2').value = e.suggestion.administrative || '';
document.querySelector('#form-city').value = e.suggestion.city || '';
document.querySelector('#form-zip').value = e.suggestion.postcode || '';
});
})();
</script>
我想要的是当用户键入邮政编码时,它给出了与该邮政编码匹配的所有地址的列表。然后,用户将不得不选择一个完整的地址。
目前,用户可以填写没有住所地址的邮政编码。该表格会自动完成,但不会显示住所地址。房屋地址很重要,因为它将是我要运送产品的地方。
是否可以通过此API强制用户选择房屋地址?