Forums

simple valadation that limits checkbox tot a maxium

stefandeblock 24 Aug, 2011
Hi there,

a question, i have a simple form and am looking for some help (newbie!) to make sure that the checkbox i'm using in the form has a maximum of 3 options that can be checked, and where the first 2 of the row can't be checked both.

this is the html code :
<div class="form_item">
  <div class="form_element cf_text"> <span class="cf_text">Trainingsinventarisatie A2-pupillen die D-junior worden / huidige D1 junioren</span> </div>
  <div class="cfclear"> </div>
</div>

<div class="form_item">
  <div class="form_element cf_text"> <span class="cf_text"></span> </div>
  <div class="cfclear"> </div>
</div>

<div class="form_item">
  <div class="form_element cf_text"> <span class="cf_text">Beste atleten, binnenkort worden jullie D-junior, of jullie zijn inmiddels al D1-junior. Dit brengt met zich mee andere trainers, wellicht andere trainingsdagen en geen vast roulatieschema voor de onderdelen maar een specifiekere keuze. Je kan dus specifieker kiezen voor sprint, middenlangeafstand en technische onderdelen. Om rekening te houden met onze trainersbezetting willen we graag van je weten op welke dagen je komt trainen. </span> </div>
  <div class="cfclear"> </div>
</div>

<div class="form_item">
  <div class="form_element cf_text"> <span class="cf_text"></span> </div>
  <div class="cfclear"> </div>
</div>

<div class="form_item">
  <div class="form_element cf_text"> <span class="cf_text">Op welke dagen kan je trainen en wat kan je dan allemaal doen ?</span> </div>
  <div class="cfclear"> </div>
</div>

<div class="form_item">
  <div class="form_element cf_text"> <span class="cf_text">We hebben afgesproken dat je als D-junior maximaal 2 dagen doordeweeks mag trainen en dan eventueel nog Zaterdag erbij (dus max. 3 dagen). Op Maandag kan je kiezen voor sprint of voor middenlangeafstand (variaties in afstanden). Sprinten kan je tevens op Woensdag. Op Dinsdag en Donderdag komen de technische onderdelen aan bod. Op Dinsdag oa werpen, horden en hoog. Op Donderdag oa werpen, ver, core stability en horden. Op Zaterdag zijn er in de zomer baantrainingen en in de winter trainen we op de liniedijk (crosstrainingen). Natuurlijk kan je altijd nog wijzigen, maar niet elke week!</span> </div>
  <div class="cfclear"> </div>
</div>

<div class="form_item">
  <div class="form_element cf_text"> <span class="cf_text"></span> </div>
  <div class="cfclear"> </div>
</div>

<div class="form_item">
  <div class="form_element cf_text"> <span class="cf_text">Dus vul onderstaand formulier en tot binnenkort....als D-junior!</span> </div>
  <div class="cfclear"> </div>
</div>

<div class="form_item">
  <div class="form_element cf_text"> <span class="cf_text"></span> </div>
  <div class="cfclear"> </div>
</div>

<div class="form_item">
  <div class="form_element cf_textbox">
    <label class="cf_label" style="width: 150px;">Naam :</label>
    <input class="cf_inputbox required" maxlength="150" size="30" title="vul je naam in" id="text_10" name="naam" type="text" />
  
  </div>
  <div class="cfclear"> </div>
</div>

<div class="form_item">
  <div class="form_element cf_textbox">
    <label class="cf_label" style="width: 150px;">Email adres :</label>
    <input class="cf_inputbox required validate-email" maxlength="150" size="30" title="geef je email adres op" id="text_15" name="email" type="text" />
  
  </div>
  <div class="cfclear"> </div>
</div>

<div class="form_item">
  <div class="form_element cf_checkbox">
    <label class="cf_label" style="width: 150px;">Trainingsdagen :</label>
    <div class="float_left">
      <input value="Maandag (sprint)" title="" class="radio validate-one-required" id="check00" name="check0[]" type="checkbox" />
      <label for="check00" class="check_label">Maandag (sprint)</label>
      <br />
      
<input value="Maandag (middenlangeafstand)" title="" class="radio validate-one-required" id="check01" name="check0[]" type="checkbox" />
      <label for="check01" class="check_label">Maandag (middenlangeafstand)</label>
      <br />
      
<input value="Dinsdag (technisch)" title="" class="radio validate-one-required" id="check02" name="check0[]" type="checkbox" />
      <label for="check02" class="check_label">Dinsdag (technisch)</label>
      <br />
      
<input value="Woensdag (sprint)" title="" class="radio validate-one-required" id="check03" name="check0[]" type="checkbox" />
      <label for="check03" class="check_label">Woensdag (sprint)</label>
      <br />
      
<input value="Donderdag (technisch)" title="" class="radio validate-one-required" id="check04" name="check0[]" type="checkbox" />
      <label for="check04" class="check_label">Donderdag (technisch)</label>
      <br />
      
<input value="Zaterdag" title="" class="radio validate-one-required" id="check05" name="check0[]" type="checkbox" />
      <label for="check05" class="check_label">Zaterdag</label>
      <br />
      

    </div>
    
  </div>
  <div class="cfclear"> </div>
</div>

<div class="form_item">
  <div class="form_element cf_text"> <span class="cf_text">Let op : maximaal 2 doordeweekse trainingen opgeven (Maandag 1 keuze!!) + evt Zaterdag</span> </div>
  <div class="cfclear"> </div>
</div>

<div class="form_item">
  <div class="form_element cf_button">
    <input value="verzenden" name="button_14" type="submit" /><input type="reset" name="reset" value="Reset"/>
  </div>
  <div class="cfclear"> </div>
</div>
stefandeblock 27 Aug, 2011
hi there, can somebody pleasehelp me ?
This topic is locked and no more replies can be posted.