Advertisement
Guest User

Untitled

a guest
Dec 22nd, 2014
151
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 3.77 KB | None | 0 0
  1. <div class="small-8 columns male-female-select">
  2. <div class="row">
  3. <div class="small-6 columns male-select">
  4. <label>{{ 'MALE'|trans }}</label>
  5. <select class="sel-box" data-abide-validator="checkMaleFemale" name="numberOfMales">
  6. <option value="">0</option>
  7. {% for i in 0..data.numberOfGuests %}
  8. <option value="{{ i }}">{{ i }}</option>
  9. {% endfor %}
  10. </select>
  11. </div>
  12. <div class="small-6 columns female-select">
  13. <label>{{ 'FEMALE'|trans }}</label>
  14. <select class="sel-box" data-abide-validator="checkMaleFemale" name="numberOfFemales">
  15. <option value="">0</option>
  16. {% for i in 0..data.numberOfGuests %}
  17. <option value="{{ i }}">{{ i }}</option>
  18. {% endfor %}
  19. </select>
  20. </div>
  21. </div>
  22. </div>
  23.  
  24. $(document).foundation({
  25. abide : {
  26. validators: {
  27. checkExpiry: function() {
  28. var expiry = {
  29. month: $('[name="ccExpirationMonth"]').val(),
  30. year: $('[name="ccExpirationYear"]').val()
  31. };
  32. var expiryDate = new Date(expiry.year, expiry.month, 1);
  33. if(expiryDate >= Date.now())
  34. {
  35. return true;
  36. }
  37. return false;
  38. },
  39. checkMaleFemale: function(el, required, parent){
  40. var lastValue = parseInt($('.male-select option:last-child').val()),
  41. warningGroupMax = 'warningGroupMax',
  42. genderWrapper = $('.male-female-select'),
  43. selectedValue = 'data-val',
  44. dropDownMaleFemale = {
  45. value1:0,
  46. value2:0,
  47. checkTotalSelected: function (){
  48. return parseInt(this.value1)+parseInt(this.value2);
  49. },
  50. applyError:function(){
  51. if (this.checkTotalSelected() > lastValue || this.checkTotalSelected() < lastValue){
  52. return false;
  53. }
  54. else if(this.checkTotalSelected() == lastValue){
  55. return true;
  56. }
  57. },
  58. validationCheck:function(){
  59. this.applyError();
  60. }
  61. };
  62.  
  63. var maleValue = $('[name="numberOfMales"]').val();
  64. dropDownMaleFemale.value1 = maleValue;
  65. //dropDownMaleFemale.validationCheck();
  66.  
  67.  
  68.  
  69. var femaleValue = $('[name="numberOfFemales"]').val();
  70. dropDownMaleFemale.value2 = femaleValue;
  71. return dropDownMaleFemale.applyError();
  72.  
  73. /*
  74. var maleValue = $('.male-select .selectboxit-text').attr(selectedValue);
  75. dropDownMaleFemale.value1 = maleValue;
  76. //dropDownMaleFemale.validationCheck();
  77.  
  78.  
  79.  
  80. var femaleValue = $('.female-select .selectboxit-text').attr(selectedValue);
  81. dropDownMaleFemale.value2 = femaleValue;
  82. return dropDownMaleFemale.applyError();
  83. */
  84.  
  85. }
  86. }
  87. }
  88. });
  89.  
  90. element.parent().parent()
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement