Plugin examples

Happy path

The simplest, most traditional kind of address form

Street address:

Locality (City):

Administrative Area (State):

Postal Code:

Country:

Submit Form

Street 2 Field

Traditional address form containing a street line 2 field

Street address:

Street line 2:

Locality (City):

Administrative Area (State):

Postal Code:

Country:

Submit Form

Freeform

The entire address in a single field

Street address:

Country:

Submit Form

Two Freeform addresses

One might be for shipping, the other might be for billing

Billing address:

Country:

Ship to:

Country:

Submit Form

Two addresses

Likely, one would be a billing address, and the other would probably be shipping

Street address:

Locality (City):

Administrative Area (State):

Postal Code:

Country:

Street address:

Locality (City):

Administrative Area (State):

Postal Code:

Country:

Submit Form

Incomplete address

When there's not enough information to verify an address, the fields shouldn't be mapped

Street address:

Submit Form

onclick Handler

Submit button has an "onclick" attribute which should fire if the button is clicked

Street address:

Locality (City):

Administrative Area (State):

Postal Code:

Country:

Submit Form

Two handlers

First the address should be verified, then the submit button's onclick handlers should fire, then the form's onsubmit handlers last

Street address:

Locality (City):

Administrative Area (State):

Postal Code:

Country:

Submit Form

Submit event handler

Form submit() should fire verification, if necessary, THEN a handler bound to submit, THEN submit the form.

Street address:

Locality (City):

Administrative Area (State):

Postal Code:

Country:

Submit Form

Street 3 Field

Traditional address form containing street line 2 and line 3 fields

Street address:

Street line 2:

Street line 3:

Locality (City):

Administrative Area (State):

Postal Code:

Country:

Submit Form

Street 4 Field

Traditional address form containing street line 2, line 3, and line 4 fields

Street address:

Street line 2:

Street line 3:

Street line 4:

Locality (City):

Administrative Area (State):

Postal Code:

Country:

Submit Form

Country field

Non-US addresses should be allowed to pass thru freely

Street address:

Locality (City):

Administrative Area (State):

Postal Code:

Country:Select a CountryUnited StatesCanadaUnited Kingdom

Submit Form

State dropdown menu

Option text must be a state (full name or two-letter state abbreviation). Also, if the first option is not a default value we will insert one for you.

Country:

Street address:

Postal Code:

City:

State:Select a stateAlabamaAlaskaAmerican SamoaArizonaArkansasCaliforniaColoradoConnecticutDelawareDistrict of ColumbiaFederated States of MicronesiaFloridaGeorgiaGuamHawaiiIdahoIllinoisIndianaIowaKansasKentuckyLouisianaMaineMarshall IslandsMarylandMassachusettsMichiganMinnesotaMississippiMissouriMontanaNebraskaNevadaNew HampshireNew JerseyNew MexicoNew YorkNorth CarolinaNorth DakotaNorthern Mariana IslandsOhioOklahomaOregonPennsylvaniaPuerto RicoPalauRhode IslandSouth CarolinaSouth DakotaTennesseeTexasVirgin IslandsUtahVermontVirginiaWashingtonWest VirginiaWisconsinWyomingArmed Forces AmericasArmed Forces EuropeArmed Forces Pacific

Submit Form