jQuery AddressLookup Plugin API

This plugin is used to find the address by the zipcode filled in a HTML form.
This works with the Pro6PP service which holds a database of addresses for all Dutch zipcodes.
The plugin can automatically fill in several fields.

The fields that can be automatically filled in are:

• Street (for any input field with the 'data-address_lookup_street' attribute
• City (for any input field with the 'data-address_lookup_city' attribute
• Municipality (for any input field with the 'data-address_municipality_city' attribute
• Province (for any input field with the 'data-address_municipality_province' attribute
• Areacode (for any input field with the 'data-address_municipality_areacode' attribute
• Latitude (for any input field with the 'data-address_municipality_lat' attribute
• Longitude (for any input field with the 'data-address_municipality_long' attribute

The attributes in the list above all need the same name as their value. Whenever something is typed in in the zipcode input field and the input loses focus a lookup action is performed, and all input fields will have their values set. Because of the 'data' values several zipcode fields can be added to the same form.

Before the address lookup works the following needs to be added to the web.config:

			<system.web>
				<httpHandlers>
					<add verb="*" validate="false" path="address-lookup.axd" type="AddressLookupHandler.AddressLookup, AddressLookupHandler" />
				</httpHandlers>
			</system.web>
		

Plugin CDN:

See an example form that works with this plugin:

        <div class="field">
			<input placeholder="Name" name="name" type="text" id="name">
		</div>

		<div class="field">
			<input rel="email" placeholder="E-mail" name="email" type="text" id="email">
		</div>

		<div class="field">
			<input type="text" data-address_lookup="cdn" name="zipcode" placeholder="Zipcode" />
		</div>

		<div class="field">
			<input type="text" data-address_lookup_street="cdn" name="street" />
		</div>

		<div class="field">
			<textarea placeholder="Message" data-address_lookup_lat="cdn" name="message" type="text" id="message"></textarea>
		</div>
	

See the above example in action with the demo form below: