Forms: Error Messages

Examples of error messages for various form inputs and field collections.

There was an error with this form.

Compellingly scale enterprise-wide internal or organic sources with client-centered alignments. Interactively grow team building content whereas cross-platform convergence. Objectively productize market-driven applications after client-based technologies.

The Field Label Goes Here field is required.
The Field Label Goes Here field must be a valid e-mail address.

Form Title Goes Here

Text Field

This is the error message.

Password Field

This is the error message.

Select Menu

This is the error message.

Textarea

This is the error message.

Radio Buttons

Option 1
Option 2
Option 3

This is the error message.

Checkboxes

Option 1
Option 2
Option 3

This is the error message.

Search fields are wrapped, by JavaScript, within a div with the class of "form-control--search" to help with styling. Default styling uses Font Awesome to add search icon.

File Field

This is the error message.

Display Image Field

Delete this image

URL Field

This is the error message.

Email Field (Single Input)

This is the error message.

Email Field (Select)

This is the error message.

Email Field (Radio Buttons)

John Smith
Mary Jones
Susan Johnson

This is the error message.

Telephone/Fax Field

This is the error message.

Telephone/Fax Field w/ Country Code

+ Country Code

Phone Number

This is the error message.

Telephone/Fax Field w/ Extension

Phone Number

ext Extension

This is the error message.

Telephone/Fax Field w/ Country Code & Extension

+ Country Code

Phone Number

ext Extension

This is the error message.

Number Field

This is the error message.

Payment Amount Field (Radio Buttons)

Option 1 - $1.00
Option 2 - $5.00
Option 3 - $10.00

This is the error message.

Payment Amount Field (Radio Buttons) w/ Custom Amount

Option 1 - $1.00
Option 2 - $5.00
Option 3 - $10.00
Custom Amount

Custom Amount

This is the error message.

This is the error message.

Payment Amount Field (Radio Buttons) w/ Hidden Amount

Option 1 - $1.00
Option 2 - $5.00
Option 3 - $10.00

This is the error message.

This is the message that should be entered if a hidden amount field has been added.

Payment Amount Field (Checkboxes)

Option 1 - $1.00
Option 2 - $5.00
Option 3 - $10.00

This is the error message.

Payment Amount Field (Checkboxes) w/ Custom Amount

Option 1 - $1.00
Option 2 - $5.00
Option 3 - $10.00
Custom Amount

Custom Amount

This is the error message.

This is the error message.

Payment Amount Field (Checkboxes) w/ Hidden Amount

Option 1 - $1.00
Option 2 - $5.00
Option 3 - $10.00

This is the error message.

This is the message that should be entered if a hidden amount field has been added.

Payment Amount Field (Select Menu)

This is the error message.

Payment Amount Field (Select Menu) w/ Custom Amount

Custom Amount

This is the error message.

This is the error message.

Payment Amount Field (Select Menu) w/ Hidden Amount

This is the error message.

This is the message that should be entered if a hidden amount field has been added.

Payment Amount Field (Custom Value)

This is the error message.

Payment Amount Field (Custom Value) w/ Hidden Amount

This is the error message.

This is the message that should be entered if a hidden amount field has been added.

Payment Amount Field (Hidden Field Only)

This is the message that should be entered if a hidden amount field has been added. If only a hidden amount field has been added, then this text should be displayed at regular size.

Date & Time Fields

Date Field (Picker)

This is the error message.

Date Field (Dropdowns)

/

/

This is the error message.

Date Range (Picker)

–

This is the error message.

Date Range (Dropdowns)

/

/

–

/

/

This is the error message.

Time Field (Picker)

This is the error message.

Time Field (Dropdowns)

:

This is the error message.

Time Range (Picker)

–

This is the error message.

Time Range (Dropdowns)

:

–

:

This is the error message.

Date/Time Fields (Picker)

This is the error message.

Date & Time Field (Dropdowns)

/

/

:

This is the error message.

Date Range (Picker)

-

This is the error message.

Date Range (Dropdowns)

/

/

:

–

/

/

:

This is the error message.

Name Fields

Name field collections can contain any combination of the following fields: Prefix, First Name, Middle Initial, Last Name, Suffix.

Name Field Collection (First/Last)

First Name

Last Name

This is the error message.

Name Field Collection (Prefix/First/Last)

Prefix

First Name

Last Name

This is the error message.

Name Field Collection (Prefix/First/Last/Suffix)

Prefix

First Name

Last Name

Suffix

This is the error message.

Name Field Collection (Prefix/First/Middle Initial/Last/Suffix)

Prefix

First Name

Middle Initial/Name

Last Name

Suffix

This is the error message.

Name Field Collection (First/Middle Initial/Last)

First Name

Middle Initial/Name

Last Name

This is the error message.

Address Fields

Address

Country

Address Line 1

Address Line 2

Address Line 3

City

State

Postal Code

This is the error message.

Payment field collections use jQuery.payment to validate form input and provide useful feedback to users.

Payment Fields

Select a Payment Method

Credit Card
Bank Account

Cardholder Name

Credit Card #

Visa MasterCard American Express Discover Diners Club

Expiration Date (MM / YY)

Security Code

Name on Account

First Name

Last Name

Account Type

Checking
Savings

Account Number

Routing Number

This is the error message.

Make this a monthly payment?

Yes, bill my card today and on the 29th of every following month.
(If the month doesn't have 29 days, your card will be billed on the last day of the month.)

Make this a monthly payment?

Drag & Drop File Uploads

Your Files

file1.pdf

file2hasareallylongnamethatkeepsongoingandgoingandgoingandgoingandgoing.zip

file3.jpg

file4.txt

file5.doc

file6.ppt

file7.xls

file8.gif

Clear All Files

Click or drag here to add files

This is the error message.