Fix Javascript Form With ability to Add fields dynamically

The attached files are for a Recipe Form. User's will submit recipe's to our database. A fairly simple form, however I decided to try and implement a Javascript feature to allow for better usability/user friendliness. However, this has resulted in becoming a nightmare for me!! LOL. I have tried everything. I need expert help.

Here's how it should work: For the ingredients and Directions users can add as many fields as they need. They should also be able to delete these fields as they are creating them. When they hit submit, if there was an error with the form, they must be returned back to the form with all the fields pre-filled as they submitted them.

As I can see now, there are only 3problems with it right now. But beware! It seems like every time I fix something, I see something else that needs to be fixed for it to work right. So it might just take us a few tries going back and forth to get it completely fixed.

But as far as I know... these are the only three problems right now....

1. When you click "Add More [+]" in Internet Explorer, you see a little movement, but the new field is not added. However, this works perfectly in Firefox ???confused?? That's the biggest issue.

These problems occur only when the user has forgotten to fill out a required field, and the user is kicked back to the form. Their previous entries should be saved in the session and show back up on the Form so they can only fill in the fields they missed. Just leave the Name Field blank while testing so it kicks you back each time.

2. For Ingredients: Say you have three rows, If you delete row three, hit submit and return, row three is Deleted! Perfect!

BUT, if you delete row 2... hit submit, come back, and you'll see what happens. Both Row 2 and 3 are gone. When it should show rows 1 and 3.

3. Directions: This one is even more weird.

On first submit, with cleared session, I add:

Direction1, Direction 2, Direction 3

Hit Submit, return to page, I see one, two three. Good!

If I delete Direction 3. Hit Submit and Return. Direction 3 Is gone! Good!

I add Direction 3 back, hit Submit, return to page. And it's back. So far so good!

Now I click the "x" to delete Direction 2, hit submit, return to page. I see, Direction 1 and Direction 3. Still good!

Now the problems....

So I now have Direction 1, and Direction 3. I will add a new row for Direction 4.

Hit Submit, return, and now it has replaced Direction 3 with Direction 4.

So now I see: Direction 1 and Direction 4 only. This should have been: Direction 1, Direction 3, Direction 4.

I tried to explain this the best I could in text, if we can chat on the phone or skype it may be easier to explain.

Please make sure you test every aspect of the form to make sure it works for every possible action that the user can take. That's the idea with any application right?

I need this done as quickly as possible.

The bidder with the clear english, fast turnaround time and expert javascript skills will get the job.


Compétences : HTML, Javascript, PHP

en voir plus : test a javascript, session 13, row 44, job javascript, how to get a better job, fix the problems, explain javascript, better javascript, 4 tries, what is javascript, what is a javascript, weird job, usability expert, three form, how to work skype, how to get any job, how to get a first job, how to add time, how skype works, fast turnaround time, add me skype, usability testing job, weird, tries, to make a application form

Concernant l'employeur :
( 107 commentaires ) Bluffton, United States

Nº du projet : #1007365

Décerné à:


I m ready to start now @@ PLEASE CHECK PM @@

%selectedBids___i_sum_sub_7% %project_currencyDetails_sign_sub_8% USD en 2 jours
(10 Commentaires)

7 freelance font une offre moyenne de $56 pour ce travail

%bids___i_sum_sub_35% %project_currencyDetails_sign_sub_36% USD en 0 jours
(50 Commentaires)

simple job lets do it

%bids___i_sum_sub_35% %project_currencyDetails_sign_sub_36% USD en 0 jours
(99 Commentaires)

Hi, I can do it for you!

%bids___i_sum_sub_35% %project_currencyDetails_sign_sub_36% USD en 2 jours
(74 Commentaires)

hi, i can do this.

%bids___i_sum_sub_32% %project_currencyDetails_sign_sub_33% USD en 1 jour
(3 Commentaires)

please check pmb

%bids___i_sum_sub_35% %project_currencyDetails_sign_sub_36% USD en 7 jours
(4 Commentaires)

===========================Please check PMB===========================

%bids___i_sum_sub_32% %project_currencyDetails_sign_sub_33% USD en 1 jour
(0 Commentaires)