Technical Support Forums

Free, outstanding support from WebAssist and your colleagues

› WebAssist Forums › Archive › Contact Form Solution Pack › form is not working with added additional fields

form is not working with added additional fields

Thread began 8/18/2011 1:09 pm by daniel276949 | Last modified 8/19/2011 11:39 am by daniel276949 | 1774 views | 5 replies |

8/18/2011 1:09 pm | #1 daniel276949Beta Tester

form is not working with added additional fields

contactus.php

in using this form, i added a few additional fields and when i run a test none of the fields come through in the email... i am not sure what i am doing wrong or leaving out... i followed the directions on the insert additional fields...

would you take a look at the code and tell me what i am doing or not doing that is wrong?

thanks, daniel

8/18/2011 1:13 pm | #2 Jason ByrnesWebAssist

for each additional field you are adding you are using the name "Phone_Number"

<label>

Boy and/or Girl<br />
<input type="text" name="Phone_Number" id="phone_number" />

</label>

each form element must have a unique name and ID:

<label>

Boy and/or Girl<br />
<input type="text" name="Boy_and_Girl" id="Boy_and_Girl" />

</label>

8/18/2011 3:43 pm | #3 daniel276949Beta Tester

my bad...

i am so so sorry... i uploaded the wrong file by mistake, but, your response showed i did do it correctly...

thak you, daniel

8/19/2011 10:19 am | #4 daniel276949Beta Tester

OOP's, i spoke too soon... again

form is showing error messages before anyone adds anything to the form?

contactus.php

attached is a screen shot of the error messages...

8/19/2011 10:37 am | #5 Jason ByrnesWebAssist

those are the spry validation errors.

if you look at the origianl contact form, the following code is before the <body> tag:

script src="SpryAssets/SpryValidationTextField.js" type="text/javascript"></script>
<script src="SpryAssets/SpryValidationTextarea.js" type="text/javascript"></script>
<style>
.textfieldServerError {
  display:block;
  margin:0px;
  color:#CC3333;
  border: 1px solid #CC3333;
}
</style>
<link href="SpryAssets/SpryValidationTextField.css" rel="stylesheet" type="text/css" />
<link href="SpryAssets/SpryValidationTextarea.css" rel="stylesheet" type="text/css" />

and this code is before the </body> tag:

<script type="text/javascript">
<!--
var sprytextfield1 = new Spry.Widget.ValidationTextField("sprytextfield1", "none", {validateOn:["blur"]});
var sprytextfield2 = new Spry.Widget.ValidationTextField("sprytextfield2", "email", {validateOn:["blur"]});
var sprytextarea1 = new Spry.Widget.ValidationTextarea("sprytextarea1", {validateOn:["blur"]});
var sprytextfield3 = new Spry.Widget.ValidationTextField("sprytextfield3", "none", {validateOn:["blur"], minChars:<?php echo $WAGLOBAL_Captcha_Characters; ?>, maxChars:<?php echo $WAGLOBAL_Captcha_Characters; ?>});
var sprytextfield4 = new Spry.Widget.ValidationTextField("sprytextfield4", "none", {validateOn:["blur"]});
//-->
</script>

these code blocks are needed for the spry validation to work properly.

8/19/2011 11:39 am | #6 daniel276949Beta Tester

Fantastic... Thanks Jason

i did not even see that when i applied the template to the contact us page...

Build websites with a little help from your friends

Your friends over here at WebAssist! These Dreamweaver extensions will assist you in building unlimited, custom websites.

Build websites from already-built web applications

These out-of-the-box solutions provide you proven, tested applications that can be up and running now. Build a store, a gallery, or a web-based email solution.