jquery, validate , async валидация
Я хочу сделать валидацию для input, где вводится адрес. Я пытаюсь использоваnь данный код, но это не работает
Как правильно это сделать? Для данной задачи я использую jquery validate
if (document.getElementById('new-steps-form') !== null) {
jQuery("#new-steps-form").validate({
rules: {
newFormPickupAddress: {
required: true,
remote: function() {
const address = validateGoogleAddress(jQuery('#new_autocomplete').val());
if (address !== false) return true;
return false;
},
}
},
messages: {
newFormPickupAddress: {
required: 'Required field',
remote: "Enter correctly address"
}
},
}).form();
}
async function validateGoogleAddress(data) {
var GoogleMapsAPIkey = 'AIzaSyCIxao7E-vc8DzNFDVe9TncqPMg_XfwN_Y';
var arrayAddressData = [];
var address = data.replace("#", "apt");
const geocode = await jQuery.get('https://maps.googleapis.com/maps/api/geocode/json?address=' + address + '&key=' + GoogleMapsAPIkey);
if (geocode.status == 'OK') {
for (var i = 0; i < geocode.results[0].address_components.length; i++) {
arrayAddressData[geocode.results[0].address_components[i].types[0]] = geocode.results[0].address_components[i].short_name;
}
return arrayAddressData;
} else {
return false;
}
}