ugrás a tartalomhoz

Checkbox-ot csak másodjára!

cszlak · 2015. Júl. 8. (Sze), 10.36
Sziasztok

Olyan problémám lenne, hogy van egy eléggé összetett form.
A boostrapvalidator nem engedi a gombot ha a terms checbox nincs kipipálva, de ha ki van akkor is letiltja a gombot.
Ha kiveszem a kijelölést és újra vissza rakom akkor már elfogadja.
oldal link

 <form action="https://www.paypal.com/cgi-bin/webscr" method="post" id="BookingForm" name="paypal">
.....
<div class="col-lg-6 form-group"  id="terms_div">    
        <div class="checkboxFour">
  		<input type="checkbox" value="1" id="checkboxFourinput" name="terms" />
	  	<label  for="checkboxFourinput" style="width:30px; margin:0px; float:left;" id="checkboxFourinput2" ></label>
        </div> 
        <label  id="terms_label" >
        I have read the <a href="<?php echo $host.$base."terms"?>" target="_blank"> Terms&Conditions* </a>
        </label>
  	</div>


input[type=checkbox] {	visibility: hidden; }

   .checkboxFour {
	width: 40px;
	height: 40px;
	background: #ddd;	
	float: left;
	margin: 0px 0px;
        ...
}

.checkboxFour label {
	display: block;
	width: 30px;
	height: 30px;	
	...
	background: #f24103;
}

 $('#BookingForm').bootstrapValidator({
excluded: [':disabled', ':hidden']        
.....
fields: { 
	
	  'terms':{
	    validators: {
                    choice: {
                        min: 1,
                        message: 'Terms!'
                            }
                        }
		  
		  }
....


Kérdésem tehát az, hogy miért nem veszi be elsőre a checbox kijelölést?
 
1

Megoldás

cszlak · 2015. Júl. 9. (Cs), 09.34
Megoldás

Link