Mini contact form

  • Posted:
  • Proposals: 9
  • Remote
  • #229892
  • Awarded
Jay D.
Aruna S.Md. Abdullahel S.Ketan L.Ken E. + 4 others have already sent a proposal.
  • 0

Description

Experience Level: Intermediate
Create a mini contact from at the top of the sidebar of our website
Requirements
Width is limited to ~190pixes.
Have the option to include or exclude in specific sidebars.
Contain the following five items in one column:
Arrange a Call Back (title)
Name* (label)
Phone* (label)
email* (label)
Submit (button)
Please look at http://aerialforce.co.uk/satellite/ for a good example of a contact block and for the look-and-feel
Hitting Submit will send an email with the labels and entries to info@xxxxxxxxxxxxxxxxx.co.nz
The contact form box will be using light gray background , the three fields are white and the Submit button is darker gray color with white fonts

a. The label disappears as mouse is clicked into a field
b. If only one of the fields is entered the focus of the focus is moved to the next empty field (label) when user hits the Enter key.
c. When the three fields are entered 'correctly' the three labels and button disappear showing the message: "We will contact you shortly."
d. There are no error messages but empty or invalid cells become red when 'Submit' button is pressed: if the email does not have a basic valid structure (containing '@' and a dot '.') or if the phone has less than six digits.

Ideally, this contact form will use plugins and little or no hard coding programming.

New Proposal

Create an account now and send a proposal now to get this project.

Sign up

Clarification Board Ask a Question

    There are no clarification messages.