jquery validation ne fonctionne pas dans IE8

Question

Je veux valider checkbox, onclick le soumettre, si elle est cochée le contrôle va à la zone de texte sinon il peut désactiver.C'est bien avec les derniers navigateurs, mais ne fonctionne pas dans IE8 & IE9.

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script> 
     <script type="text/javascript"> 
     $(function() { 
     $("#chkPassport").click(function() 
     { 
     if ($(this).is(":checked")) { 
     $("#txtNumber").removeAttr("disabled"); 
     $("#txtNumber").focus();  
     } 
     else 
     { 
     $("#txtNumber").attr("disabled", "disabled"); 
     } 
     }); 
     }); 
    </script> 
    //html follows 

    <form action="Orgpaymentgateway.spring" id="orgpaymentgateway" method="post" name="orgpaymentgateway" onsubmit="return checkCheckBox(this)"> 
    <ul> 
    <li> 
     <div class="pack"> 
     <label for="chkPassport"> 
    <input type="checkbox" id="chkPassport" required name="myPack[]" id="group_name_0" onchange="this.setCustomValidity(validity.valueMissing ? 'Please Select atleast one package ' : '');" /> 
    </label> 
    <br /> 
    <img src="images/image-sample.jpg" style="vertical-align:middle;padding:10px 40px;"> 
    <br /> 
    <input type="text" required name="quantity[]" onkeydown="return AllowNonZeroIntegers(event)" id="txtNumber" placeholder="License Count" disabled="disabled"/> 
    </div> 
    </li>      
    </ul> 
    <div class="clearfix"></div> 
    <div class="sub_but"> 
    <input type="submit" value="Proceed to Checkout" class="sub-btn" name="Sumbit"> 
    </div> 
    </form> 

Answer 1

Tous les événements jquery est reconnu par Internet Explorer ancienne version. Vous pouvez utiliser javascript pour cela.

Résultat http://jsfiddle.net/svcoe2x8/2/

$(function() { 
 
    $(document).on("click","#chkPassport",function() 
 
     { 
 
     if (document.getElementById('chkPassport').checked) { 
 
      document.getElementById('txtNumber').disabled = false 
 
      document.getElementById("txtNumber").focus();  
 
     } 
 
     else 
 
     { 
 
      document.getElementById('txtNumber').disabled = true 
 

 
     } 
 
    }); 
 
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
    <form action="Orgpaymentgateway.spring" id="orgpaymentgateway" method="post" name="orgpaymentgateway" onsubmit="return checkCheckBox(this)"> 
 
     <ul> 
 
     <li> 
 
      <div class="pack"> 
 
      <label for="chkPassport"> 
 
     <input type="checkbox" id="chkPassport" required name="myPack[]" id="group_name_0" onchange="this.setCustomValidity(validity.valueMissing ? 'Please Select atleast one package ' : '');" /> 
 
     </label> 
 
     <br /> 
 
     <img src="images/image-sample.jpg" style="vertical-align:middle;padding:10px 40px;"> 
 
     <br /> 
 
     <input type="text" required name="quantity[]" onkeydown="return AllowNonZeroIntegers(event)" id="txtNumber" placeholder="License Count" disabled="disabled"/> 
 
     </div> 
 
     </li>      
 
     </ul> 
 
     <div class="clearfix"></div> 
 
     <div class="sub_but"> 
 
     <input type="submit" value="Proceed to Checkout" class="sub-btn" name="Sumbit"> 
 
     </div> 
 
     </form>