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