Check boxes not storing

10 Posts

brandoncybermark Reply #1, 13 years, 2 months ago

My checkboxes and the form submit as long as everything is filled out. However if you leave them blank I get the error saying required field. But I only get it on the group of checkboxes. I have a terms and conditions checkbox that if left blank does not give me an error. Please help. Also when you submit the form with checkboxes checked and other inputs missing, why does the check box not store? Below is my formit chunk

<h1>Online Reservation Form</h1>
[[!FormIt? 
&hooks=`spam,email,FormItAutoResponder,redirect` 
&emailTpl=`formEmail2` 
&emailTo=`[email protected]` 
&emailSubject=`Contact Form Submission - [[++site_name]]` 
&redirectTo=`71` 
&fiarTpl=`formAuto2` 
&fiarSubject=`[[++site_name]] Contact Form Submission`
&fiarFrom=`[email protected]` 
&customValidators=`securityCode` 
&store=`1`
&validate=`nospam:blank, name:required, email:email:required, phone:required, comments:required:stripTags,  rentaldate:required, service_of_interest:required, terms:required, securityCode:required:securityCode`]]


<form class="main-contact" action="[[~[[*id]]]]" method="post">[[+fi.error.error_message]] 
<input type="hidden" name="nospam" /> 
<input id="name" type="text" name="name" value="[[+fi.name]]" class="inputField" alt="Name"/>[[+fi.error.name]]  
<input id="phone" type="text" name="phone" value="[[+fi.phone]]" class="inputField" alt="Phone"/> [[+fi.error.phone]] 
<input id="email" type="text" name="email" value="[[+fi.email]]" class="inputField" alt="Email"/> [[+fi.error.email]] 

<p style="color: #414040; font-family: Arial,Helvetica,sans-serif;font-size: 14px;font-style: italic;">What would you like to reserve? (select all that apply) [[+fi.error.service_of_interest]]</p>
<input type="hidden" name="service_of_interest[]" value="" />
<input type="hidden" name="mailing[]" value="" />
<input type="hidden" name="terms[]" value="" />
	<div class="thirty">
	<input type="checkbox" id="submitted-service-of-interest" name="service_of_interest" value="Reserve Show Up and Ride ATV/UTV" [[!+fi.service_of_interest:FormItIsChecked=`reserveshowupandrideatvutv`]] />
	<label class="option"><span> Show up & Ride ATV/UTV</span></label>
    </div>
	<div class="thirty">
	<input type="checkbox" id="submitted-service-of-interest" name="service_of_interest[]" value="Reserve Show Up and Ride Jet Ski" [[!+fi.service_of_interest:FormItIsChecked=`reserveshowupandridejetski`]] />
	<label class="option"><span> Show up & Ride Jet Ski</span></label>
    </div>

	<div class="thirty">
	<input type="checkbox" name="service_of_interest[]" value="Reserve Guided Tour ATV/UTV" id="submitted-service-of-interest" [[!+fi.service_of_interest:FormItIsChecked=`reserveguidedtouratvutv`]] />
	<label class="option"><span> Guided Tour ATV/UTV</span></label>
	</div>
    <br>
    
    <div class="thirty">
	<input type="checkbox" name="service_of_interest[]" value="Reserve Fun Package" id="submitted-service-of-interest" [[!+fi.service_of_interest:FormItIsChecked=`reservefunpackage`]] />
	<label class="option"><span> Fun Package</span></label>
	</div>

	<div class="thirty">
	<input type="checkbox" name="service_of_interest[]" value="Reserve ATV" id="submitted-service-of-interest" [[!+fi.service_of_interest:FormItIsChecked=`reserveatv`]] />
    <label class="option"><span>ATV</span></label>
	</div>

	<div class="thirty">
	<input type="checkbox" name="service_of_interest[]" value="Reserve Dirt Bike" id="submitted-service-of-interest" [[!+fi.service_of_interest:FormItIsChecked=`reservedirtbike`]] />
    <label class="option"><span>Dirt Bike</span></label>
	</div>

    <div class="thirty">
	<input type="checkbox" name="service_of_interest[]" value="Reserve Sport Quad" id="submitted-service-of-interest" [[!+fi.service_of_interest:FormItIsChecked=`reservesportquad`]] />
    <label class="option"><span>Sport Quad</span></label>
	</div>

	<div class="thirty">
	<input type="checkbox" name="service_of_interest[]" value="Reserve UTV/Rhino" id="submitted-service-of-interest" [[!+fi.service_of_interest:FormItIsChecked=`reserverhino`]] />
    <label class="option"><span>UTV/Rhino</span></label>
	</div>

	<div class="thirty">
	<input type="checkbox" name="service_of_interest[]" value="Reserve Wakeboard Boat" id="submitted-service-of-interest" [[!+fi.service_of_interest:FormItIsChecked=`reservewakeboardboat`]] />
    <label class="option"><span>Wakeboard Boat</span></label>
	</div>

    <div class="thirty">
	<input type="checkbox" name="service_of_interest[]" value="Reserve Jet Ski" id="submitted-service-of-interest" [[!+fi.service_of_interest:FormItIsChecked=`reservejetski`]] />
	<label class="option"><span>Jet Ski</span></label>
	</div>

	<div class="thirty">
	<input type="checkbox" name="service_of_interest[]" value="Reserve Pontoon Boat" id="submitted-service-of-interest" [[!+fi.service_of_interest:FormItIsChecked=`reservepontoon`]] />
    <label class="option"> <span>Pontoon Boat</span></label>
	</div>

	<div class="thirty">
	<input type="checkbox" name="service_of_interest[]" value="Reserve Fishing Boat" id="submitted-service-of-interest" [[!+fi.service_of_interest:FormItIsChecked=`reservefishing`]] />
    <label class="option"><span>Fishing Boat</span></label>
	</div>

    <div class="thirty">
	<input type="checkbox" name="service_of_interest[]" value="Reserve Kayak" id="submitted-service-of-interest" [[!+fi.service_of_interest:FormItIsChecked=`reservekayak`]] />
    <label class="option"><span>Kayak</span></label>
	</div>

	<div class="thirty">
	<input type="checkbox" name="service_of_interest[]" value="Reserve Canoe" id="submitted-service-of-interest" [[!+fi.service_of_interest:FormItIsChecked=`reservecanoe`]] />
    <label class="option"><span>Canoe</span></label>
	</div>

	<div class="thirty">
	<input type="checkbox" name="service_of_interest[]" value="Reserve Service Repair" id="submitted-service-of-interest" [[!+fi.service_of_interest:FormItIsChecked=`reserveservice`]] />
	<label class="option"><span>Service/Repair</span></label>
	</div>

    <div class="thirty">
	<input type="checkbox" name="service_of_interest[]" value="Lake Pleasant" id="submitted-service-of-interest" [[!+fi.service_of_interest:FormItIsChecked=`reservepleasant`]] />
	<label class="option"><span>Lake Pleasant</span></label>
	</div>

	<div class="thirty">
	<input type="checkbox" name="service_of_interest[]" value="Bartlett Lake" id="submitted-service-of-interest" [[!+fi.service_of_interest:FormItIsChecked=`reservebartlett`]] />
	<label class="option"><span>Barlett Lake</span></label>
	</div>

	<div class="thirty">
	<input type="checkbox" name="service_of_interest[]" value="Hotel Pick/Drop Off" id="submitted-service-of-interest" [[!+fi.service_of_interest:FormItIsChecked=`hotelpickup`]] />
	<label class="option"><span>Hotel Pick Up/Drop Off</span></label>
	</div>

    <div class="thirty">
	<input type="checkbox" name="service_of_interest[]" value="Delivery" id="submitted-service-of-interest" [[!+fi.service_of_interest:FormItIsChecked=`delivery`]] />
	<label class="option"><span>Delivery</span></label>
	</div>

	<div class="thirty">
	<input type="checkbox" name="service_of_interest[]" value="Additional Rental Club Info" id="submitted-service-of-interest" [[!+fi.service_of_interest:FormItIsChecked=`additionalinfo`]] />
	<label class="option"><span>Additional Rental Club Info</span></label>
	</div>
<br>
<input id="demo1" size="25" type="text" name="rentaldate" value="[[+fi.rentaldate]]" class="inputField" alt="Rental Date"/>[[+fi.error.rentaldate]]<a href="javascript:NewCal('demo1','mmddyyyy')"><img src="images/cal.gif" width="20" height="20" border="0" alt="Pick a date" style="border: none; margin: 5px 0 0 5px;"></a>

<textarea id="comments" name="comments" rows="5" class="inputField" alt="Questions or Comments">[[+fi.comments]]</textarea>[[+fi.error.comments]] 
<p style="color: #414040; font-family: Arial,Helvetica,sans-serif;font-size: 14px;font-style: italic;">I would like to join your <strong>mailing list</strong> for future offers and discounts</p>
    <div class="thirty">
	<input type="checkbox" name="mailing" value="Yes Join Mailing List" id="submitted-mailing" />
    <label class="option" ><span>YES</span></label>
	</div>
<div style="clear: both;">
    <h2>Online Reservation Terms and Conditions </h2>
        <p><span>
          All Rates do not include Sales Taxes of 9.3% Must be at least 18 years old to rent with a valid id and major credit card. </span>
         </p>
		 <ul style="margin-left: 25px;">
         <li><span>48 hours prior to the pickup, the reservation is non-refundable. </span></li>
         <li><span>Must supply a $500 security deposit per ATV or jet ski and $1000.00 per UTV on a major credit card only. </span></li>
         <li><span>Must supply a $500 security deposit per fishing boat, $1000 security deposit per pontoon boat and $3000 security deposit per Wakeboard boat on a major credit card only. </span></li>
         </ul>
        
        <p></p>
        <p><span>All security deposits are done on a major credit card only, no debit cards that can be run as credit, no checks and no cash is accepted for the deposit. If you are unable to provide the deposit as stipulated your card on file will be run for the sale of the rental. 48 hours prior to the pickup, the reservation becomes non-refundable. </span></p>
       
        <p><span>There is a 200 mile limit per day on tow vehicles for Fun Packages. </span></p>
        <p><span>All rentals do not include insurance and renter is responsible for any and all damages and actions.</span></p>
        <p><span>Must be 16 years old or older to drive with a valid driver's license. Must be 10 yrs old and 60lbs to ride as a passenger on a UTV or jet ski. All minors must be accompanied by a parent. </span></p>
        <p><span>Waiver must be signed. All other terms and conditions apply.</span></p>
        <p><span>Reservation is not confirmed or finalized until an Arizona Outdoor Fun representative contacts you. </span></p>
    </div>
<p style="color: #414040; font-family: Arial,Helvetica,sans-serif;font-size: 14px;font-style: italic; font-weight: bold;">I agree to the terms. <strong>*</strong></p>
    <div class="thirty">
	<input type="checkbox" name="terms" value="I Agree to to Terms" id="submitted-terms" [[!+fi.terms:FormItIsChecked=`iagreetoterms`]] />
    <label class="option" ><span>Yes</span></label>
	</div>

 [[$securityCode]] 
<input type="submit" value="" id="submit" /></form>

- ☆ A M B ☆
- 1,780 Posts
Frogabog Reply #2, 13 years, 2 months ago
```
<input type="checkbox" id="submitted-service-of-interest" name="service_of_interest" value="Reserve Show Up and Ride ATV/UTV" [[!+fi.service_of_interest:FormItIsChecked=`reserveshowupandrideatvutv`]] />
    <label class="option"><span> Show up & Ride ATV/UTV</span></label>
```
^^^ fix the name on this one, add []

Then give each checkbox input it's own name, no sharesies. Same with the id's, can only use one ID on each page, so give each it's own id, or use a class if you want to share.

Also try:
```
[[!+fi.service_of_interest:FormItIsChecked=`checked="checked"`]] />
```
to get the checkboxes to store. It's not working for me today, but it's supposed to.

When you change the names, you'll need to change the above for each to reflect the new names as well.

AND... the reason why all the checkboxes are coming up as needing validation is this tricky little line in the formIt call that tells it they must be checked to validate.
(i.e. - you told it to require them all by using service_of_interest:required)
```
&validate=`nospam:blank, name:required, email:email:required, phone:required, comments:required:stripTags,  rentaldate:required, service_of_interest:required, terms:required, securityCode:required:securityCode`]] 
```
```
<input type="checkbox" name="terms" value="I Agree to to Terms" id="submitted-terms" [[!+fi.terms:FormItIsChecked=`iagreetoterms`]] />
```
^^ also needs the name to include the []
Frogabog- MODX Websites in Portland Oregon
"Do yourself a favor and get a copy of "MODX - The Official Guide" by Bob Ray. Read it.
Having server issues? These guys have MODX Hosting perfected - SkyToaster
- 33 Posts
ballyjames21 Reply #3, 13 years, 2 months ago

This type of error come due to validation problem, So plz check your validation process again.
http://www.online-product-designer.com
http://www.psdhelpline.com/