[validate] Validation nevers happens in IE (7) on submit...

Hello validate users,

if, like me you use and enjoy Jörn Zaefferer's validate plugin, I guess you might be of great help with this strange issue i'm having.

On one side, I have a form, pretty simple

<form id="paiement" action="/actions/commande/enregistrerPaiement" method="post" name="paiementForm"><div><input type="hidden" value="657c519de3b6e922ecdb7b93671a116d" name="org.apache.struts.taglib.html.TOKEN"></div>

       <div class="optionsPaiement">
           <input type="radio" checked="checked" value="CH2" name="referenceTypeComplementBancaire"> <strong>Par Chèque</strong>
           <br>
           <img src="/images/logo_CH2.gif" class="visuelCB">
       </div>


   <div id="infosComplementBancaire" style="display: inline-block;">
       <span>Banque<br>
           <input type="text" value="" name="banque" class="invalid"><label for="banque" generated="true" class="invalid"></label>
       </span>
       <span>Numéro de chèque<br>
           <input type="text" value="" name="numeroComplementBancaire" class="invalid"><label for="numeroComplementBancaire" generated="true" class="invalid"></label>
       </span>
       <span>Montant du chèque<br>
           <input type="text" value="407.0" name="montantComplementBancaire" class="invalid"><label for="montantComplementBancaire" generated="true" class="invalid"></label>
       </span>
   </div>
   <input type="image" value="submit" alt="Valider" src="/images/boutons/valider.gif" id="terminerPaiement" class="bouton">
</form>

This form is supposed to be validated by this great plugin.

But, and I really don't see why, while validate works perfect under FF, IE doesn't seem to trigger validate method, and basically even if my form is totally empty, submit occurs.


Here's the jQuery code used to apply validation to the form :

 $("#paiement").validate({
        errorClass
: "invalid",
        validClass
: "success",
        rules
: {
            referenceTypeComplementBancaire
: "required",
            banque
: {
                required
: function(nomBanque){
                    
return $('input[name=referenceTypeComplementBancaire]').val() != "CB";
                
},
                minlength
: 2
            
},
            numeroComplementBancaire
: {
                required
: function(numeroCompl){
                    
return $('input[name=referenceTypeComplementBancaire]:checked').val() != "CB";
                
},
                number
: true,
                minlength
: 5
            
},
            montantComplementBancaire
: {
                required
: function(montantCompl){
                    
return $('input[name=referenceTypeComplementBancaire]').val() != "CB";
                
},
                min
: panierTotal
            
}
        
},
        messages
: {
         referenceTypeComplementBancaire
: "",
         banque
:"",
         numeroComplementBancaire
:"",
         montantComplementBancaire
:""
        
}
    
});

Where am I being wrong ?

Topic Participants
open-source
Jörn Zaefferer

[validate] Validation nevers happens in IE (7) on submit...

[validate] Validation nevers happens in IE (7) on submit...

Topic Participants

open-source

Jörn Zaefferer