Email sent with data missing

I set up a simple contact form with some date fields only to find that the date picker would not work. I switched the date fields to text input with validation. When I post the form, several fields of text are missing in the resulting email.

Here is the link:http://seasportsdiving.com/index.php?option=com_chronocontact&chronoformname=Contact

Here is the code:

<div class="form_item">
  <div class="form_element cf_heading">
    <h1 class="cf_text">Book Online</h1>
  </div>
  <div class="clear"> </div>
</div>

<div class="form_item">
  <div class="form_element cf_text"> <span class="cf_text">Please enter you dive details. We will check our schedule and reply as soon as possible.</span> </div>
  <div class="clear"> </div>
</div>

<div class="form_item">
  <div class="form_element cf_textbox">
    <label class="cf_label">Name:</label>
    <input class="cf_inputbox required" maxlength="150" size="30" id="text_0" name="Name" type="text" />
  
  </div>
  <div class="clear"> </div>
</div>

<div class="form_item">
  <div class="form_element cf_textbox">
    <label class="cf_label">Email Address:</label>
    <input class="cf_inputbox required validate-email" maxlength="150" size="30" id="text_1" name="Email" type="text" />
  
  </div>
  <div class="clear"> </div>
</div>

<div class="form_item">
  <div class="form_element cf_textbox">
    <label class="cf_label">Phone #:</label>
    <input class="cf_inputbox required" maxlength="150" size="12" id="text_2" name="Phone" type="text" />
  <a class="tooltiplink" onclick="return false;"><img height="16" border="0" width="16" class="tooltipimg" src="components/com_chronocontact/css/images/tooltip.png"/></a>
				<div class="tooltipdiv">Phone #: :: 111-222-3333</div>
  </div>
  <div class="clear"> </div>
</div>

<div class="form_item">
  <div class="form_element cf_textbox">
    <label class="cf_label">First dive day:</label>
    <input class="cf_inputbox required validate-date" maxlength="150" size="30" id="First dive" name="First dive" type="text" />
  <a class="tooltiplink" onclick="return false;"><img height="16" border="0" width="16" class="tooltipimg" src="components/com_chronocontact/css/images/tooltip.png"/></a>
				<div class="tooltipdiv">First dive day: :: Please enter the first date you are available for diving.</div>
  </div>
  <div class="clear"> </div>
</div>

<div class="form_item">
  <div class="form_element cf_textbox">
    <label class="cf_label">Last dive day:</label>
    <input class="cf_inputbox required validate-date" maxlength="150" size="30" id="Last Dive" name="Last dive" type="text" />
  <a class="tooltiplink" onclick="return false;"><img height="16" border="0" width="16" class="tooltipimg" src="components/com_chronocontact/css/images/tooltip.png"/></a>
				<div class="tooltipdiv">Last dive day: :: Please enter the last date you are available for diving.</div>
  </div>
  <div class="clear"> </div>
</div>

<div class="form_item">
  <div class="form_element cf_textbox">
    <label class="cf_label">Number of divers:</label>
    <input class="cf_inputbox validate-number" maxlength="150" size="1" id="Number of Divers" name="Number of Divers" type="text" />
  <a class="tooltiplink" onclick="return false;"><img height="16" border="0" width="16" class="tooltipimg" src="components/com_chronocontact/css/images/tooltip.png"/></a>
				<div class="tooltipdiv">Number of divers: :: Please enter the number of divers in your group (max 8).</div>
  </div>
  <div class="clear"> </div>
</div>

<div class="form_item">
  <div class="form_element cf_textbox">
    <label class="cf_label">Number of dive days:</label>
    <input class="cf_inputbox required validate-number" maxlength="2" size="2" id="Dive days" name="Dive days" type="text" />
  <a class="tooltiplink" onclick="return false;"><img height="16" border="0" width="16" class="tooltipimg" src="components/com_chronocontact/css/images/tooltip.png"/></a>
				<div class="tooltipdiv">Number of dive days: :: Enter the number of day you would like to dive.</div>
  </div>
  <div class="clear"> </div>
</div>

<div class="form_item">
  <div class="form_element cf_textbox">
    <label class="cf_label">Where will you be staying:</label>
    <input class="cf_inputbox required" maxlength="150" size="30" id="text_3" name="Staying" type="text" />
  
  </div>
  <div class="clear"> </div>
</div>

<div class="form_item">
  <div class="form_element cf_textarea">
    <label class="cf_label">Additional remarks:</label>
    <textarea class="cf_inputbox" rows="6" id="text_15" cols="30" name="Remarks"></textarea>
    <a class="tooltiplink" onclick="return false;"><img height="16" border="0" width="16" class="tooltipimg" src="components/com_chronocontact/css/images/tooltip.png"/></a>
				<div class="tooltipdiv">Additional remarks: :: Please specify any additional requirements such as certification requests, morning or afternoon dives, night dives etc.</div>
  </div>
  <div class="clear"> </div>
</div>

<div class="form_item">
  <div class="form_element cf_captcha">
    <label class="cf_label">Security Code:</label>
    <span>{imageverification}</span> 
    
    </div>
  <div class="clear"> </div>
</div>

<div class="form_item">
  <div class="form_element cf_button">
    <input value="I am ready to book!" type="submit" />
  </div>
  <div class="clear"> </div>
</div>

And here is the resulting email:

Book Online
Please enter you dive details. We will check our schedule and reply as soon as possible.
Name: Jimbo soda
Email Address: email address
Phone #: 111-222-3333
First dive day:
Last dive day:
Number of divers:
Number of dive days:
Where will you be staying: Somewhere
Additional remarks: Remark

There should be data in the four fields starting with First dive day.

Another annoying thing is that if you use the Wizard to edit and existing form and save it, validation, database, captcha are turned off and have to be enabled again.

I love the way the form looks and acts but would love to get the data sent back properly. I would like the date checker to work too but can live without it.

Any insight would be appreciated.

Hi jimsoda,

You have spaces in the dive day names & ids

<input . . . id="Number of Divers" name="Number of Divers" type="text" />

this is technically **illegal** html and will give the ChronoForms parser serious indigestion. Please replace these with e.g. Number_of_Divers

What's the problem you have with the date checker?

Bob

Date checker does not work. There is no popup and you are not allowed to enter any text in the field. Could be that same issue though with spaces in the name.

Will give it a try.

That was the problem. Removed the spaces and it all worked.

I do hate that when you use the wizard to edit the form, DB Connection, Validation and Spam settings revert to an off state - most annoying. As well, in the wizard, it would be nice if you could change the field order somehow.

Still great work and $25 is on it's way!

Hi jimsoda,

I tend not to use the Wizard much so can't comment on it losing the conenctivity and validation settings. I think that may be a bug that Max can fix in a later release.

You can though re-order fields in the Wizard - one of the tiny icons in the right of each field lets you drag and drop them.

Bob

Hi,

DB Connection, Validation and Spam settings revert to an off state - most annoying. As well, in the wizard, it would be nice if you could change the field order somehow.

will fix that, whats the order you suggest ?

Cheers,
Max

Not sure what order you are talking about. The issue is that some of the settings mentioned below revert to off when you use the wizard to edit a form. It should keep whatever state they were in before editing.

Field reorder in the wizard is clunky as well.

Hi jimsoda,

I think Max is asking what order the inputs should have. Have you tried the drag and drop re-ordering in the Wizard?

Bob

????? Hate to be daft but do you mean form settings tabs?

Hi jimsoda,

Errr . . . now we're both really confused.

You said re-ordering fields in the Wizard was clunky, I asked if you'd tried the drag and drop using the little icon over to the left of the field.

Bob

No I did not try the reording but seeing your screen capture I guess it works. Reason I never tried that icon as it looked like a refresh icon not a move/reorder icon. Should just be straight up and down arrows in my opinion.

Hi jimsoda,

I agree that the icon is small and obscure, I only found it by chance. (The other one is delete.)

Bob

Reorder button!

This has eluded me for some time. <smacks head>

I knew there must be an easier way!

hmmm...Now if I could just figure out how to use the wizard to re-edit my form. (I have installed V3.1 RC2)
edit: Found it! "Wizard Edit" button near the top of the Forms Management page.

ok, i had fields missing in my e-mail result.

I read the FAQ'S and learned it was because i had spaces in the field names.
I corrected this by adding _ in place of a space.

Now instead of getting just a black space I get something like this in the result e-mail:
_______________________________________
Complete form for free credit analysis!
First Name {First Name}
Last Name {Last Name}
Suffix (Jr, Sr, II) q
Address Line 1 {Address Line 1}
Address Line 2 {Address Line 2}
City q
State q
Zip Code {Zip Code}
Cell Phone # {Cell Phone #}
Home Phone # {Home Phone #}
Work Phone # {Work Phone #}
E-Mail {E-Mail}
Questions or Comments {Questions or Comments}
__________________________________________

Now, must I replace the spaces in the field LABEL as well?

I am concerned that this will marr the asthetics of the form.
If i place and underscore instead of a space in the field label ( in addition to field name ), will this correct the e-mail output, and will the underscore appear in the field label for the front-end user?🤨

Also my header is being clipped in half.

here is the url:

http://texas-credit.com/index.php?option=com_chronocontact&chronoformname=Contact-Us

It seems you've forgotten to edit your mail template to reflect the changes to your form:
IE: change {First Name} into {First_Name} and so on