Forums

Issue with the text area

qmeister 30 Sep, 2011
Hi,

I have a text area in my form which is a required field however it is possible to submit the form without this text area being populated seems the validation to make sure this field carries data is failing. I've checked the code and all seems ok. What's more is that this text field is the same as other forms I have which work as expected. Maybe I've stared at this too long....

I'd appreciate any help !

My code is as follows:

<div class="form_item">
  <div class="form_element cf_textbox">
    <label class="cf_label" style="width: 180px;">Bride & Groom names:</label>
    <input class="cf_inputbox required" maxlength="150" size="30" title="" id="text_1" name="text_1" type="text" />
  
  </div>
  <div class="cfclear"> </div>
</div>

<div class="form_item">
  <div class="form_element cf_textbox">
    <label class="cf_label" style="width: 180px;">Email:</label>
    <input class="cf_inputbox required validate-email" maxlength="150" size="30" title="" id="text_2" name="text_2" type="text" />
  
  </div>
  <div class="cfclear"> </div>


<div class="form_item">
  <div class="form_element cf_textbox">
    <label class="cf_label" style="width: 180px;">Wedding date:</label>
    <input class="cf_inputbox" maxlength="150" size="30" title="" id="text_4" name="text_4" type="text" />
  
  </div>
  <div class="cfclear"> </div>
</div>

<div class="form_item">
  <div class="form_element cf_textbox">
    <label class="cf_label" style="width: 180px;">Ceremony venue:</label>
    <input class="cf_inputbox" maxlength="150" size="30" title="" id="text_7" name="text_7" type="text" />
  
  </div>
  <div class="cfclear"> </div>
</div>

<div class="form_item">
  <div class="form_element cf_textbox">
    <label class="cf_label" style="width: 180px;">Reception venue:</label>
    <input class="cf_inputbox" maxlength="150" size="30" title="" id="text_5" name="text_5" type="text" />
  
  </div>
  <div class="cfclear"> </div>
</div>

<div class="form_item">
<div class="form_element cf_textbox">
 <label class="cf_label" style="width: 180px;">How did you hear about me?</label>
<select>
  <option>Recommended by a friend</option>
  <option>Internet / Google search</option>
  <option>Link on another website</option>
 <option>Facebook</option>
 <option>Wedding Planner</option>
 <option>Magazine article</option>
<option>Newspaper article</option>
<option>Other</option>

</select>
 </div>
<div class="cfclear"> </div>
</div>

<div class="form_item">
  <div class="form_element cf_textarea">
    <label class="cf_label">Message:</label>
   <textarea class="cf_inputbox required" rows="4" id="text_9" title="Please enter a message" cols="30" name="text_9"></textarea>
    
  </div>

  <div class="cfclear"> </div>
</div>


<div id="add-prompt">
<p>Please leave your number if you'd like to be called back:</p>
</div>

</div>

<div class="form_item">
  <div class="form_element cf_textbox">
    <label class="cf_label" style="width: 180px;">Tel:</label>
    <input class="cf_inputbox" maxlength="150" size="30" title="" id="text_3" name="text_3" type="text" />
  
  </div>
  <div class="cfclear"> </div>
</div>




<div class="form_item">
  <div class="form_element cf_button">
    <input value="Send" name="button_4" type="submit" class="button" /><input type="reset" name="reset" value="Reset" class="button"/>
  </div>
  <div class="cfclear"> </div>
</div>
qmeister 30 Sep, 2011
I managed to resolve. Stripped out all the style tags and deleted the data that was in the email template so it was recreated. also the select dropdown was incorrect so that needed changing too. All works now, correctly validates the required fields and sends the email successfully. :mrgreen:

Not sure how to mark this as solved
This topic is locked and no more replies can be posted.