In Progress

Simple HTML Form with JQuery

Convert (badly coded) prototype html form to production quality form using clean HTML, CSS, and JQuery. (Knockout optional)

REQUIRED

1. Form needs to work in IE8 and IE9.

2. Form should use CSS classes in an external CSS file to make labels, form fields, and other UI elements easy to modify.

3. Form should not scroll horizontally on 800x600 resolution screen.

4. Form should not use 3rd party JavaScript (such as the tabber script in the prototype) only JQuery for UI and validation (Knockout is ok to use).

5. All form fields are required and should only validate when the "Validate Data" button is clicked. (Form will be allowed to be saved in invalid state).

6. Save button is the submit button, but you do not need to wire it up. (we'll take care of submit action).

7. Add a Date field under the Transaction Title field. It should allow text entry of a date or using a pop-up calendar. Check for valid date.

8. You do not have to reuse any HTML for CSS from the prototype (for example, you do not have to use <table> tags for formatting. Prototype author didn't know any other way to do formatting, such as CSS only.)

9. If "Same As Requesting Department" checkbox is checked then Using Department drop-down should always match Requesting Department drop-down value.

10. The drop-down list "Send additional notifications" should be a multiple selection list.

OPTIONAL

1. If you know how to add user friendly features to forms, show us a few examples if you have time. For example, Make radio button and checkbox labels clickable; or show a help message like a tooltip on mouse hover or double-click of a label; or make form easy to use with keyboard only, or anything else you think would improve form.

2. Form should have clean, simple, professional-looking theme (e.g. skin). Nothing fancy required; something blue would be nice.

3. Ideally, form should resize the width to look good in as wide a range for widths as practical. Some users will have low resolution screens others large. The minimum and maximum width is up to you.

4. Add an onload javascript function to set the label that is at the bottom of the form to "This is Transaction 1 of 2". The 1 and 2 should be variables written to the html placeholder(s) (you aren't limited to INPUT element like in the prototype).

5. Support other browsers.

FUTURE PROJECTS

This is the simplest form out of a much larger project to test your skills and abilities. (Next project will have 14 forms with up to 5 tabs and 200 fields on one form. Form UI only, no submit action, not a website, no server side scripting. )

Skills: HTML, Javascript, jQuery / Prototype

See more: simple html jquery, simple html form, website skin examples, department state, tooltip html, tabs prototype, submit prototype, simple prototype, simple pop server, server side scripting examples, prototype validation example, prototype validation, prototype javascript, prototype tabs, prototype skin, prototype forms, prototype date, message scroll, keyboard skills data entry, input html, html elements, html date, html checkbox, take data entry projects, make prototype

About the Employer:
( 2 reviews ) Westlake, United States

Project ID: #2515401

Awarded to:

ankp

Hello, I have experience in various front end design and web design. I'm very interested in your job post involving these skills. I recently worked in an IT company based in India. And I am a skilled designer c More

$30 USD in 1 day
(4 Reviews)
2.0
vladaspasic

Check your PM, please

$30 USD in 1 day
(2 Reviews)
4.0

30 freelancers are bidding on average $155 for this job

WMSoftware

please read pm

$500 USD in 3 days
(32 Reviews)
7.7
webzin

Hi Have Gone through your requirement and understood, we are very sure that we can do your needs with your entire satisfaction. We have left a PMB for you plz feel free to have a look over there. Thnx Ram Webzin I More

$250 USD in 5 days
(62 Reviews)
6.4
VileGnosis

Details in PMB

$100 USD in 0 days
(123 Reviews)
6.3
violetzs

I can do it for you.

$200 USD in 6 days
(66 Reviews)
6.1
salientcomputer

Hi Please see PMB.

$50 USD in 1 day
(164 Reviews)
6.2
pan09

Can do as you asked , ready to start

$150 USD in 3 days
(43 Reviews)
6.0
Ajcm623

hi i can help u sir let's start

$70 USD in 1 day
(60 Reviews)
5.9
Instantsolutions

WE HAVE EXPERINCED TEAM TO WORK ON YOUR PROJECT.

$199 USD in 9 days
(51 Reviews)
5.9
vietwebdev

I have more than 4 years working in web development and I am able to start as soon as you need. Please check your pmb for more details

$120 USD in 2 days
(52 Reviews)
5.9
web24service

Sir I can provide tablelesss,div base,XHTML,HTML4-5/CSS2-3, pixel perfect, w3c validated,cross browser compatible, well commented code, 100% satisfaction seo optimized codes, custom font,jquery/javascript. plz view the More

$150 USD in 2 days
(40 Reviews)
5.6
profitcom220

I'll help u. Check pm.

$100 USD in 1 day
(52 Reviews)
5.4
barca2045

Check your PMB.

$180 USD in 2 days
(45 Reviews)
5.3
EfficientDev

Hi there. I can say my experience in developing forms is significant. I can do the form as per your specs (I did read them top bottom). The form will resize to fit the browser unless the resolution is narrower than 800 More

$200 USD in 3 days
(20 Reviews)
5.3
neoarty

Hello Sir,I am ready to work with you. Please check your PMB.

$100 USD in 2 days
(7 Reviews)
5.0
santossystems

Hi, I am interested in your HTML and JQuery project. Please check inbox for more details.

$150 USD in 0 days
(22 Reviews)
4.6
topwaysolutions

I am ready to work for Clean HTMl CSS UI using jquery and ajax.

$175 USD in 3 days
(9 Reviews)
4.6
IonutS

Ready to fix your form and implement jQuery validations

$70 USD in 0 days
(10 Reviews)
4.4
Aloknano

please see personal message

$110 USD in 2 days
(12 Reviews)
4.4
graphicain

Hello, Please award us if you really want a top quality form with Jquery design work, reliable services, timely delivery and above all an excellent after sales support. Best regards, Graphica

$200 USD in 7 days
(12 Reviews)
4.5
TirthaBiswas

kindly check your inbox

$500 USD in 7 days
(5 Reviews)
4.3