Checkbox-ot csak másodjára!
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 linkKérdésem tehát az, hogy miért nem veszi be elsőre a checbox kijelölést?
■ 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!'
}
}
}
....
Megoldás
Link