Hi everyone,
this is my first post.. thanks for letting me in
well I need some help with form validation.. I can create inline forms ok with focused validation (ie the cursor goes to the field not filled in when the user tries to submit.. as well as an error message below the field.. at the moment I only know how to validate one field at a time)
Now what i would like to do is have a form (this is actually for a quiz..) the form sits below a flash file which shows ten images (all individually numbered) really quickly. The user has 10 fields below this and has to enter a numeric number in each field to match an image with the description.
Just like those old quizes you did in school where you had to draw a line to match the image with the name... except with this each image will be numbered and you have to enter that number into a filed matching the name/description.
So I need to create a form that cannot be successfully submitted until all of the fields are entered correctly..
I guess it would be something along the lines of inline JS validation where an error message comes up for each field not entered with the correct answer. I need all of the validation on all fields at once when the user submits.
Then they get another go to ammend their answers again and again until they get it completely right. Then the form can be submittted with the correct answers.
Can anybody help me out or point me in the direction of a tutorial that may be applicable????
Thanks very much,
Michael