Can't submit if all file uploads aren't complete

arielb 18 Mar, 2011
Hi!

I'm having a problem with a form. It has 5 file uploads, but none of them are mandatory. But if I don't try to upload 5 files, it doesn't send the form and it gives an error telling me how many file uploads I'm missing (see attached image).

The form's code is:

<div class="form_item">
  <div class="form_element cf_heading">
    <h2 class="cf_text">Edit hostel information</h2>
  </div>
  <div class="cfclear"> </div>
</div>

<div class="form_item">
  <div class="form_element cf_text"> <span class="cf_text">Complete this form if you need to change some information about a hostel already listed in our website.</span> </div>
  <div class="cfclear"> </div>
</div>

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

<div class="form_item">
  <div class="form_element cf_textbox">
    <label class="cf_label" style="width: 150px;">Hostel to edit:</label>
    <input class="cf_inputbox required" 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_textbox">
    <label class="cf_label" style="width: 150px;">Position in the hostel:</label>
    <input class="cf_inputbox required" 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: 150px;">Email:</label>
    <input class="cf_inputbox required validate-email" 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: 150px;">Telephone:</label>
    <input class="cf_inputbox required" maxlength="150" size="30" title="" id="text_6" name="text_6" type="text" />
  
  </div>
  <div class="cfclear"> </div>
</div>

<div class="form_item">
  <div class="form_element cf_textarea">
    <label class="cf_label" style="width: 150px;">Tell us what you need to change from the add:</label>
    <textarea class="cf_inputbox required" rows="10" id="text_7" title="" cols="30" name="text_7"></textarea>
    
  </div>
  <div class="cfclear"> </div>
</div>

<div class="form_item">
  <div class="form_element cf_text"> <span class="cf_text">If you need to add pictures, you can do it here:</span> </div>
  <div class="cfclear"> </div>
</div>

<div class="form_item">
  <div class="form_element cf_fileupload">
    <label class="cf_label" style="width: 150px;">Photo 1:</label>
    <input class="cf_fileinput cf_inputbox" title="" size="20" id="file_10" name="file_10" type="file" />
    <a class="tooltiplink" onclick="return false;"><img height="16" border="0" width="16" class="tooltipimg" alt="" src="components/com_chronocontact/css/images/tooltip.png"/></a>
				<div class="tooltipdiv">Photo 1: :: Allowed extensions: jpg, gif and png. Maximum size: 2 MB</div>
  </div>
  <div class="cfclear"> </div>
</div>

<div class="form_item">
  <div class="form_element cf_fileupload">
    <label class="cf_label" style="width: 150px;">Photo 2:</label>
    <input class="cf_fileinput cf_inputbox" title="" size="20" id="file_11" name="file_11" type="file" />
    <a class="tooltiplink" onclick="return false;"><img height="16" border="0" width="16" class="tooltipimg" alt="" src="components/com_chronocontact/css/images/tooltip.png"/></a>
				<div class="tooltipdiv">Photo 2: :: Allowed extensions: jpg, gif and png. Max size: 2 MB</div>
  </div>
  <div class="cfclear"> </div>
</div>

<div class="form_item">
  <div class="form_element cf_fileupload">
    <label class="cf_label" style="width: 150px;">Photo 3:</label>
    <input class="cf_fileinput cf_inputbox" title="" size="20" id="file_12" name="file_12" type="file" />
    <a class="tooltiplink" onclick="return false;"><img height="16" border="0" width="16" class="tooltipimg" alt="" src="components/com_chronocontact/css/images/tooltip.png"/></a>
				<div class="tooltipdiv">Photo 3: :: Allowed extensions: jpg, gif and png. Max size: 2 MB</div>
  </div>
  <div class="cfclear"> </div>
</div>

<div class="form_item">
  <div class="form_element cf_fileupload">
    <label class="cf_label" style="width: 150px;">Photo 4:</label>
    <input class="cf_fileinput cf_inputbox" title="" size="20" id="file_13" name="file_13" type="file" />
    <a class="tooltiplink" onclick="return false;"><img height="16" border="0" width="16" class="tooltipimg" alt="" src="components/com_chronocontact/css/images/tooltip.png"/></a>
				<div class="tooltipdiv">Photo 4: :: Allowed extensions: jpg, gif and png. Max size: 2 MB</div>
  </div>
  <div class="cfclear"> </div>
</div>

<div class="form_item">
  <div class="form_element cf_fileupload">
    <label class="cf_label" style="width: 150px;">Photo 5:</label>
    <input class="cf_fileinput cf_inputbox" title="" size="20" id="file_15" name="file_15" type="file" />
    <a class="tooltiplink" onclick="return false;"><img height="16" border="0" width="16" class="tooltipimg" alt="" src="components/com_chronocontact/css/images/tooltip.png"/></a>
				<div class="tooltipdiv">Photo 5: :: Allowed extensions: jpg, gif and png. Max size: 2 MB</div>
  </div>
  <div class="cfclear"> </div>
</div>

<div class="form_item">
  <div class="form_element cf_captcha">
    <label class="cf_label" style="width: 150px;">Antispam:</label>
    <span>{imageverification}</span> 
    
    </div>
  <div class="cfclear"> </div>
</div>

<div class="form_item">
  <div class="form_element cf_button">
    <input value="Send" name="button_17" type="submit" />
  </div>
  <div class="cfclear"> </div>
</div>



Do you know how to fix this? Thanks!

Best wishes,
Ariel
GreyHead 18 Mar, 2011
Hi arielb,

Is this the latest ChronoForms version 3.2?

If so there's a bug in the File upload code. Please see this post.

Bob
arielb 18 Mar, 2011
Awesome! Thank you so much!

Best wishes,
Ariel
This topic is locked and no more replies can be posted.