[validate] Radio button on IE

[validate] Radio button on IE

I'm using the validate plugin and the form pluging for my project.

I have a problem with the radio button under IE: IE submit always the initialized radio button value.
It works fine under FF, Chrome.
I have a form and I use the validate plugin :

  1. ("#myForm").validate({focusInvalid:false
    ,onclick:false
    ,onkeyup:false
    ,meta:"validate"
    ,errorElement:'p'
    ,errorClass:'bnerror'
    ,errorPlacement:function(error, element) {
        error.prependTo( element.parent("div") );
    }
    ,submitHandler:submitForm
    });














The sumitForm function is like this

  1. function submitForm(aForm)
    {
     var txt =  $(aForm).formSerialize();
     alert(txt);
     $(aForm).ajaxSubmit();
     return false;
    }






under IE, the alert display always the value 'T' for the radio button value
which is the initialize checked value of the form.
Here is the form html:

  1. <form  action="index.php" method="post" id="myForm">
    <input type="hidden" value="656396" id="frmChoiceAction" name="bnAction">
    <input type="hidden" value="1" id="frmChoiceAjax" name="ajax">
    <input type="hidden" value="-1" id="eventId" name="eventId">
    <input type="hidden" value="-1" id="teamId" name="teamId">
    <input type="radio" class="{validate:{required:true}}" value="M"
    name="rdoType" id="rdoManager">Gestionnaire de tournoi
    <input type="radio" class="{validate:{required:true}}" value="S"
    name="rdoType" id="rdoAssistant">Assistant <input type="radio"
    class="{validate:{required:true}}" value="T" checked="checked"
    name="rdoType" id="rdoCaptain">Capitaine
    <input type="radio" class="bnmandatory {validate:{required:true}}" value="R"
    name="rdoType" id="rdoReferee">Arbitre
    <button type="submit" Suivant</button>
    </form>





























    • Topic Participants

    • cage