Web form

Web form

Closed - This job posting has been filled and work has been completed.

Job Description

I need a form based on jQuery so a row with fields can be added and removed.
The form sample is provided in this link:
http://equaser.com/aadev/



the form should be compatible with major browsers.

I don't need any PHP or MySQL, Just create form, validate with jqery and show error on the form as the user types.



I need the following:


1-Add botton at the bottom of the form that adds row with 3 fields text(itemName), checkbox, text(percent) and remove link in the row either on the right or left
2-By clicking on the remove link, the row is removed
3-Sum of all "percent" fields is shown as total at the bottom which should not exceed 100
4-If the "itemName" is less than 3 character or percent field is 0 it gives error in the same row in red.
5-If the total is less than or greater than 100 it gives error. No error if it is 100.


here are some sample pages but make it work for me:

Just add and remove
http://papermashup.com/demos/dynamic-form/#


Add, remove and calculate using jquery validate plugin
http://jquery.bassistance.de/validate/demo/dynamic-totals.html

Simpel add and remove:
http://charlie.griefer.com/blog/jquery-dynamically-adding-form-elements/


Another add and remove:
http://www.daveismyname.com/demos/dynamic-form-elements-with-jquery/#


If you know jQuery, you should be able to do it in 30 minuets. Else don't waste your time.