Comments on: Google Forms and jQuery Validation

By: Dillon

Dillon — Wed, 21 Apr 2010 07:34:50 +0000

@Pablo

Glad you got some use out of our little tutorial! Check out my comment further up the thread about fixing email validation with an empty input.

It’s 2 small changes to the form code (to fix the empty input bug) and the js code (to change the validation message). I’ve kept it out of the main tutorial because I think messing around in javascript is more complex than necessary for our average reader. We try to keep these tutorials as accessible as possible. I hope you understand and you didn’t tear your hair out too much!

By: Pablo González

Pablo González — Tue, 20 Apr 2010 21:43:07 +0000

Great Solution. Congratulation.
We are using your solution with several form on the web…
We have problems only with email verificatioin, beacause, don’t reconize a empty imput…the script validate a wrong mail, but not a empty imput….
Best regards from chile.
Pablo

By: Frushko

Frushko — Sun, 04 Apr 2010 10:17:06 +0000

I found a solution.
on IE6 (xp sp2 with no windows updates), the “submit” button did not function properly and it took 2-3 clicks to get the thank you page.

Solution – in the hidden iFrame that is used to change the “thank you” page:

Repeat the action “window.location=’http://YOUR-THANK-YOU-PAGE-URL’;” 3 times.

window.location=’http://YOUR-THANK-YOU-PAGE-URL’;
window.location=’http://YOUR-THANK-YOU-PAGE-URL’;
window.location=’http://YOUR-THANK-YOU-PAGE-URL’;

Somehow it works.

By: How to style Google forms | Morning Copy

How to style Google forms | Morning Copy — Tue, 30 Mar 2010 23:31:41 +0000

[...] how to add form validation and email verification to your styled Google Forms with our Google Forms and jQuery Validation [...]

By: Dillon

Dillon — Tue, 30 Mar 2010 23:13:22 +0000

Good shout Mori!

I’ve updated the instructions per your suggestion.

By: Mori

Mori — Tue, 30 Mar 2010 19:55:50 +0000

Dear Dillon,

Thanks for the great how-to and detailed step-by-step instructions!

There’s a tiny point I’d like to mention: in step 6, “Add a ‘required’ class” should change to “change the existing class to ‘required’”. It can be really misleading for average users if they just add another class to the tag.

Thanks again!

Best regards
Mori

By: Frushko

Frushko — Fri, 26 Mar 2010 07:01:36 +0000

Great post and great solution.
I have problems with IE6.
My forms are within iframes and the thank you page is on the parent level.
So the hidden iframe has onload=”parent.location=’thankyou.php’”.
On IE6 it takes 2-3 clicks on the submit button to get the thank you page.
More than that, on each click the form is submitted to Google.
If I give up the parent.location everything is ok. If I give up the jQuery validation script everything is ok. Parent.Location + jQuery validation do not work for me well on IE6.

Thanks!

By: Dillon

Dillon — Thu, 18 Feb 2010 13:45:36 +0000

@Glenn Your code didn't come through. You can send us an email if you are still stuck.

By: Glenn

Glenn — Fri, 12 Feb 2010 23:26:47 +0000

sorry this is my code.

Message
*
Please tell us how tca can help

By: Glenn

Glenn — Fri, 12 Feb 2010 23:21:52 +0000

How do I add the required tag to a Paragraph Text Field.

This is my code.

Message
*
Please tell us how tca can help