Address finder with jQuery UI autocomplete

Use the code samples below for adding address finder and postcode validation to your websites using jQuery UI's Autocomplete.

Note: We recommend using the light weight, pure JavaScript widget instead for greater customisation and faster loading times.

Standard Form

Add standard address lookup functionality to address line 1, address line 2, suburb, city and postcode fields.

JS Fiddle Demo »

Toggle Form

Simplify your address capture fields by hiding the suburb, city and postcode fields until an address is selected.

JS Fiddle Demo »

Single Address Field

Search for an address with a single textbox and display detailed address information using a custom callback function.

JS Fiddle Demo »

Form with Countries

Display standard address fields with a country drop-down-list. Disable the address lookup for countries other than New Zealand.

JS Fiddle Demo »

Form Country Toggle

Simplify the address capture fields by only showing the country and address lookup on your form.

JS Fiddle Demo »

Shipping and Billing Address

Add an address lookup to your shipping and billing address forms. The same address can also be reused.

JS Fiddle Demo »

Autocomplete Themes

Choose a theme to style your address autocomplete widget that will align with your business branding guide.

Live Demo »