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:

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

Add, remove and calculate using jquery validate plugin

Simpel add and remove:

Another add and remove:

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