Fetchify Documentation
Fetchify
Sign Up
Contact
Fetchify
Sign Up
Contact
  • Getting Started
  • Integrations

    • BigCommerce
    • CS-Cart
    • Ecommerce Templates
    • EKM
    • Formstack
    • Magento 2
    • Microsoft Dynamics 365
    • NetSuite
    • nopCommerce
    • Odoo
    • OpenCart
    • osCommerce
    • PrestaShop
    • Salesforce
    • Shopify Plus
    • Shopware
    • VirtueMart
    • WooCommerce
    • Xero
    • Zen Cart
    • Zapier
    • Zoey
  • Browser Extension

    • Chrome Browser Extension Guide
    • Firefox Browser Extension Guide
  • JavaScript Library

    • Address Auto-Complete
    • UK Postcode Lookup
    • Phone Validation
    • Email Validation
    • Bank Validation
    • Tutorials

      • Address Auto-Complete Website Integration
      • Customising Address Auto-Complete
      • Address Auto-Complete On Two Forms
      • UK Postcode Lookup in 15 Minutes
      • UK Postcode Lookup On Two Forms (Billing & Shipping)
      • Using Address Auto-Complete in React
      • Using Address Auto-Complete in Vue
    • Sample Code

      • Client Side JavaScript Address Auto-Complete
      • JavaScript & HTML – Client Side Postcode Lookup
  • Address & Validation API

    • Address Auto-Complete
    • Phone Validation API
    • Email Validation API
    • Bank Validation API
  • UK Postcode Lookup API

    • UK Postcode Lookup
    • UK Postcode Lookup (XML)
    • UK Postcode Geocodes
    • Errors
    • Sample Code

      • Microsoft C# Wrapper
      • Microsoft C++ Example Application
      • JSON API integration with jQuery UI
      • PHP – Server Side UK Postcode Lookup
      • Python – UK Postcode Lookup Example
      • RealStudio/XOJO Example
      • Microsoft VB.Net Sample Code
  • Embedded Tech API

    • Embedded Tech API
  • End-of-Life Announcements

    • Plugins & Extensions

JavaScript & HTML – Client Side Postcode Lookup

A collection of HTML and JavaScript code to demonstrate a few common postcode lookup options.

Download the code :

Download “Website Integration Pack” fetchify_js_samples_v5_5_1.zip – 16 KB

Contained in this pack are fully functional sample HTML pages. The sample code shows how to implement:

  • postcode > click > select the address
  • postcode + house name/number > click > select the address
  • parts of address > search > get full address & postcode
  • handling multiple address forms on one page

To get the maximum benefit from this code, you may want to have a look at the JavaScript Class User Guide and the generic JS integration tutorial.

We also have a few examples of implementing our UK Postcode Lookup on JSFiddle :

  • UK postcode lookup #1 (attach by element names)
  • postcode lookup #2 (attach by element IDs)
  • find an address by postcode & house name/number
  • UK postcode lookup on two forms
Prev
Client Side JavaScript Address Auto-Complete