Skip welcome & menu and move to editor
Welcome to JS Bin
File
Add library
Share
Login or Register
Blog
Help
Load cached copy from
  • Run with JS
  • Save
  • Share
  • …
 
<!DOCTYPE html>
<html>
<head>
<script src="https://code.jquery.com/jquery-2.1.4.js"></script>
  <meta charset="utf-8">
  <title>JS Bin</title>
</head>
<body>
<input data-val="true" data-val-number="The field CardType must be a number." data-val-required="The CardType field is required." id="Rb1" name="CardType" type="radio" value="1" checked>VISA
<input id="Rb2" name="CardType" type="radio" value="2">MasterCard                    
<input id="Rb3" name="CardType" type="radio" value="3">American Express          
<input id="Rb4" name="CardType" type="radio" value="4">Discover
​
<br/>
<input class="Textboxes input-validation-error" data-val="true" data-val-length="Card number length must be 15 or 16 digits" data-val-length-max="16" data-val-length-min="15" data-val-regex="Enter Numbers only." data-val-regex-pattern="[0-9]*\.?[0-9]+" data-val-required="* Card Number is Required" id="TxtCardNo" name="CardNumber" type="text" value="">
    <script> 
      $(function () {
        
        var $options = $('[name=CardType]');
        
        
       $('#TxtCardNo').keyup(function () {
         var string = $(this).val();
         var len = string.length;
         
         var isLikeVISA = (len === 13) || (len === 16 && string.match("^4"));
         
         $options.removeAttr('checked');
​
         if (isLikeVISA) {
           $options.filter("#Rb1").prop("checked", "checked");
         }
         
         if (string.length == 15) {
           $options.filter("#Rb3").prop("checked", "checked");
         }
         
       });
      })       
    </script>
</body>
</html>
 
​
Output

You can jump to the latest bin by adding /latest to your URL

Dismiss x
public
Bin info
anonymouspro
0viewers