Question

I want to use this validate form

http://mootools.floor.ch/en/download/

but don't work.

    <form name="niceform" id="third" action=""  class="niceform" method="post" enctype="multipart/form-data">
    <div class="titlu_form"> categoría: </div> 
     <div class="option_form"> 
     <select name="categorie" id="categorie" class="validate['required']">
      <option value=""> -- Elige categoría -- </option>
      <option value="1"> 1 </option>
      <option value="2"> 2 </option>
      <option value="3"> 3 </option>
     </select>
    </div>

   <div class="titlu_form"> provincia: </div> 
    <div class="option_form"> 
     <select name="provincia" class="validate['required']">
      <option value=""> -- Provincia -- </option>
      <option value="Castellon"> Castellon </option>
      <option value="Valencia"> Valencia </option>
     </select>    
    </div>`

   <div class="titlu_form"> marca: </div> 
    <div class="option_form"> 
     <select name="marca12" id="marca" class="validate['required']">
      <option value=""> -- Marca -- </option>
      <option value="jeans"> jeans </option>
      <option value="other"> other </option>
     </select>  
    </div>

   <input type="submit" name="Submit" />   
  </form>

this is the script i use for validate

<script type="text/javascript" src="lightform/mootools.js"></script>
 <script type="text/javascript" src="lightform/formcheck.js"></script>
 <script type="text/javascript">
  //h
  window.addEvent('domready', function(){     
   formcheck = new FormCheck('third', {
     display : {
                 fadeDuration : 500,
                 errorsLocation : 1,
                 indicateErrors : 1,
                 showErrors : 1
             }
         })
   //$('marca').removeAttribute('class');
   formcheck.dispose($('marca'));
  });

  //and this is opcionaly for a select option 
   $('categorie').addEvent('change', function(event){
       var selection = document.getElementById('categorie').value;
       alert(selection);
       if(selection==1) { 
        alert(selection);
        formcheck.dispose($('marca'));
        $('marca').removeAttribute('class');
       }
 });

</script>

result this error:

formcheck.dispose is not defined.

I want to hide div marca when select a option 2 or 3 .. that is.. how about this ..

Was it helpful?

Solution

Ok so you stated that you tried it in moo 1.11 and 1.45

that is your issue. It was written for 1.2.x

I ported this to 1.4.x awhile ago use the below code base and your problem will go away

http://www.timwickstrom.com/client-side-code/mootools/moofloor-formcheck-for-mootools-1-4-x/

Licensed under: CC-BY-SA with attribution
Not affiliated with StackOverflow
scroll top