Form validation

[nazf355]

Hello all,

I have created a form in 3 variants, simple name and e-mail. I have also created some javascript validation to ensure name and e-mail are not left empty when the form is submitted. For the first variant, i.e. where the name is first in the HTML source everything works fine, but on the 2nd and 3rd variants the validation keeps kicking in even though I fill in the fields. Presumable it see the first variants name field as empty.

How can I apply validation to forms without having to give each name/email field a unique id and then duplicating the validation code three times?

[Acorn]

Hello all,

I have created a form in 3 variants, simple name and e-mail. I have also created some javascript validation to ensure name and e-mail are not left empty when the form is submitted. For the first variant, i.e. where the name is first in the HTML source everything works fine, but on the 2nd and 3rd variants the validation keeps kicking in even though I fill in the fields. Presumable it see the first variants name field as empty.

How can I apply validation to forms without having to give each name/email field a unique id and then duplicating the validation code three times?

I have used hidden fields in the past for tracking entered data across different pages so a similar technique may be needed here.

Personally, I would place the form in a sub-folder/sub-site as a stand-alone page and embed it as an IFRAME - three views into one form. Not tried it though so let us know if it works.

Acorn

[nazf355]

I have used hidden fields in the past for tracking entered data across different pages so a similar technique may be needed here.

Acorn

Can you expand a little bit more on this please?

[Acorn]

What form widget are you using or it is your own design?
Acorn

[nazf355]

What form widget are you using or it is your own design?
Acorn

It's my own.

[Egg Bramhill]

Personally, I would place the form in a sub-folder/sub-site as a stand-alone page and embed it as an IFRAME - three views into one form. Not tried it though so let us know if it works.

That's the way to go. I've used it and it works very well. I'll try and post a xar file later today.

Here's a form within an iframe. It's optimised for a mobile but should work in any a supersite.

http://parkeston.com/forms/form-in-an-iframe.htm

[peebee44]

That looks great, now for the hard bit, how to incorporate into my website?

[Egg Bramhill]

Okay, let's see if I can help. I'm going to attach several files but basically the form calls a php form on your server and the php form sends you an email. I'll attach the form, open it and all that's required is to change the email address to your own email. save it and ftp it to a subfolder on your site named "forms".

Also attached are two xar files, both with the same form but the mobile one is larger and has larger text. Instructions are included with each xar.

A further xar file, thanks.xar, is also included for creation of the thank you page once the form is successfully sent.

Both forms use the same form.php file.

You can view both side by side HERE

I can't attach a php file, so download the file form.txt and rename it form.php

[peebee44]

Thanks guy for the great response. I solved the problem with a form from Smart Addon and works fine.

[DarKMaSk]

Okay, let's see if I can help. I'm going to attach several files but basically the form calls a php form on your server and the php form sends you an email. I'll attach the form, open it and all that's required is to change the email address to your own email. save it and ftp it to a subfolder on your site named "forms".

Also attached are two xar files, both with the same form but the mobile one is larger and has larger text. Instructions are included with each xar.

A further xar file, thanks.xar, is also included for creation of the thank you page once the form is successfully sent.

Both forms use the same form.php file.

You can view both side by side HERE

I can't attach a php file, so download the file form.txt and rename it form.php

Can you please give some detailed instruction on how to put this and where? It will be of much help. Btw, I have the cPanel access.