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;
  }
}

Ответы (0 шт):