Developer Centre

Using the onAddressFound(data) Callback, you can use the response data to auto-populate a sample form.

We recommend using the preferred address format by setting vanityMode to true and to pass an addressProfile as a parameter. This will return a reformattedAddressin the response data.

Contact us to get a custom profile made for your form.

<script type="text/javascript">
$(function(){
    $("#myDiv").AutoAddress({
       key : "YOUR_KEY",
       vanityMode : true,
      addressProfile: "Demo5LineV2",
       onAddressFound: function (data) {

         if (data.reformattedAddress) {
            $.each(data.reformattedAddress, function (index, value) {
               $('#addressLine' + (index + 1)).val(value);
            });
         }
         if (data.postcode) {
            $('#postcode').val(data.postcode);
         }
     }
   });
});
</script>

If you wish to have a custom address format returned for your form you can pass an addressProfile as a parameter. This will then return a reformattedAddress in the response to your specification.

Contact us to get a custom profile made for your form.

<script type="text/javascript">
$(function(){
   $("#myDiv").AutoAddress({
      key : "YOUR_KEY",
      vanityMode : true,
      addressProfile: "Demo5LineV2",
      onAddressFound: function (data) {
         if (data.reformattedAddress) {
            $.each(data.reformattedAddress, function (index, value) {
               $('#addressLine' + (index + 1)).val(value);
            });
         }
         if (data.postcode) {
            $('#postcode').val(data.postcode);
         }
      }
   });
});
</script>

/*Add this to your HTML code*/
<div id="toggleForm" style="margin-top: 10px;">
 /*Your html markup for the form labels and text inputs goes here... eg. addressLine1, addressLine2 ... etc..*/
</div>

<script type="text/javascript">
$(function(){
    $("#myDiv").AutoAddress({
        key : "YOUR_KEY",
        vanityMode : true,
        addressProfile: "Demo5LineV2",
        onSearchCompleted: function(data){
            $('#toggleForm #addressLine1,#toggleForm #addressLine2,#toggleForm #addressLine3,#toggleForm 
                #addressLine4,#toggleForm #addressLine5,#toggleForm #postcode').val('');
        },
        onAddressFound: function(data){
            if (data.vanityAddress) {
                $.each(data.vanityAddress, function (index, value) {
                    $('#toggleForm #addressLine' + (index + 1)).val(value);
                });
            }
            if (data.postcode) {
                $('#toggleForm #postcode').val(data.postcode.slice(0, 3) + " " + data.postcode.slice(3));
            }
		
	    //Trigger showing the form div here. Use $('#toggleForm').hide(); to hide the address forms.
            $('#toggleForm').show();
        },
        vanityMode : true
  });
</script>

Using the onAddressFound(data) Callback, you can use the response data to auto-populate a sample form.

The Autoaddress jQuery Plugin can search in English and Irish. To switch the control to search in Irish you just need to configure the language property. This example also shows how you can configure the message labels of the plugin to suit your needs.

<script type="text/javascript">
$(function(){
   $("#myDiv").AutoAddress({
      key : "YOUR_KEY",
      language: "​GA",
      vanityMode : true,
      addressProfile: "Demo5LineV2",
      onAddressFound: function (data) {
      if (data.​vanityAddress) {
         $.each(data.vanityAddress, function (index, value) {
            $('#addressLine' + (index + 1)).val(value);
         });
      }
      if (data.postcode) {
         $('#postcode').val(data.postcode);
      }
    }
  });
});
</script>

<script type="text/javascript">
   $("#​myDiv").AutoAddress({
    key : "​YOUR_KEY",
    vanityMode : true,
    addressProfile: "Demo5LineV2",
    onSearchCompleted: function(data){
        $('#verifyForm #addressLine1,#verifyForm #addressLine2,#verifyForm #addressLine3,#verifyForm #addressLine4,#verifyForm #addressLine5,#verifyForm #postcode').val('');
    },
    onAddressFound: function(args){
        if (args.vanityAddress) {
            $.each(args.vanityAddress, function (index, value) {
                $('#verifyForm #addressLine' + (index + 1)).val(value);
            });
        }
        if (args.postcode) {
            $('#verifyForm #postcode').val(args.postcode.slice(0, 3) + " " + args.postcode.slice(3));
        }
    },
    vanityMode : true
  });
</script>

The Autoaddress jQuery plugin can be configured / toggled to search for addresses in different countries. To switch countries you just need to configure the country property as seen below.

<script type="text/javascript">
 $(function(){
    $("#myDiv").AutoAddress({
       key : "YOUR_KEY",
       country: "GB",
       vanityMode : true,
       addressProfile: "Demo5LineV2", 
       onAddressFound: function (args) {
          if (args.postalAddress) {
            $.each(args.postalAddress, function (index, value) {
               $('#addressLine' + (index + 1)).val(value);
             });
          }
       }
    });
 });
</script>

For scenarios where the response includes residential and commercial results, you have the option to hide the commercial options and only display the residential options. This can be be achieved by setting displayBusinessListings to false.

<script type="text/javascript">
    $(function(){
       $("#myDiv").AutoAddress({
          key : "YOUR_KEY",
          vanityMode : true,
          addressProfile: "Demo5LineV2",
          displayBusinessListings : false
       });
    });
</script>

Using the onAddressFound(data) Callback, you can use the response data to auto-populate a sample form.

The Autoaddress jQuery Plugin can also search in ​Postally Compliant mode. To switch the control to search for ​Postal Addresses you just need to configure the vanityMode property to set to false and use the postalAddress in the response.

<script type="text/javascript">
$(function(){
   $("#myDiv").AutoAddress({
      key : "YOUR_KEY",
      vanityMode: false,
      addressProfile: "Demo5LineV2"
      onAddressFound: function (data) {
         if (data.postalAddress) {
            $.each(data.postalAddress, function (index, value) {
               $('#addressLine' + (index + 1)).val(value);
            });
         }
         if (data.postcode) {
            $('#postcode').val(data.postcode);
         }
       }
   });
});
</script>

Using the onAddressFound(data) Callback, you can use the response data to auto-populate a sample form.

The Autoaddress jQuery Plugin can also search in Geographic Address mode. To switch the control to search for Geographic Addresses you just need to configure the geographicAddress property to set to true and use the geographicAddress in the response.

<script type="text/javascript">
$(function(){
   $("#myDiv").AutoAddress({
      key : "YOUR_KEY",
      geographicAddress: true,
      vanityMode: false,
      addressProfile: "Demo5LineV2"
      onAddressFound: function (data) {
         if (data.geographicAddress) {
            $.each(data.geographicAddress, function (index, value) {
               $('#addressLine' + (index + 1)).val(value);
            });
         }
         if (data.postcode) {
            $('#postcode').val(data.postcode);
         }
       }
   });
});
</script>