[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 :
("#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
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:
-
<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>