Проверять input поле на ввод чисел, если число начинается с 2, отображать одну картинку, если с 52 то другую картину

document.querySelector('input[type="text"]').addEventListener("keyup", function() { 
  document.querySelector('.block').style.display = 'none'; 
  if (this.value.substr(0, 1) == 2) 
    document.querySelector('.block1').style.display = 'block'; 
  else if (this.value.substr(0, 2) == 52) 
    document.querySelector('.block2').style.display = 'block'; 
});

.block { 
  display: none; 
}

<input required type="text"> 
<div class="block block1"> 
  картинка 1 
</div> 
<div class="block block2"> 
  картинка 2 
</div>

$('input[type="text"]').on("keyup", function() { 
  $(".block").hide(); 
  if ($(this).val().substr(0, 1) == 2) 
    $(".block1").show(); 
  else if ($(this).val().substr(0, 2) == 52) 
    $(".block2").show(); 
});

.block { 
  display: none; 
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
<input required type="text"> 
<div class="block block1"> 
  картинка 1 
</div> 
<div class="block block2"> 
  картинка 2 
</div>

document.querySelector('#credit_card_number').addEventListener('input', function() { 
  if (/^2/.test(this.value)) { document.querySelector('img').src = 'https://www.cyberplat.ru/img/e-shops/Mir_logo.png'; }  
  else if (/^52/.test(this.value)) { document.querySelector('img').src = 'https://www.cyberplat.ru/img/e-shops/mastercard_logo.gif'; }  
  else { document.querySelector('img').src = ''; } 
});

<input required type="text" maxlength="23" tabindex="2" class="silver ui_creditcard error validate" id="credit_card_number" onfocus="this.placeholder = ''" onblur="this.placeholder = 'Номер вашей карты'" value="" placeholder="Номер вашей карты" pattern="[0-9 ]*" 
  inputmode="numeric" autocomplete="off" onkeypress='return event.charCode >= 48 && event.charCode <= 57'> 
<br><br> 
<img src="">