Как запретить ввод цифр/букв в поле

$("#confirm-button-next").on("click", function() { 
 
  $("div.error").remove(); 
  if ($("#order_fio").val().length > 0 && !/^[а-яa-z]+$/i.test($("#order_fio").val())) { 
    $("#order_fio").after('<div class="error" style="margin-top:15px;"><font color="red">Допустимы только буквы!</font></div>'); 
    setTimeout(function() { 
      $("div.error").remove(); 
    }, 5000); 
    return false; 
  } 
  if ($("#order_phone").val().length > 0 && !/^\d+$/.test($("#order_phone").val())) { 
    $("#order_phone").after('<div class="error" style="margin-top:15px;"><font color="red">Допустимы только цифры"!</font></div>'); 
    setTimeout(function() { 
      $("div.error").remove(); 
    }, 5000); 
  } 
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
<div class="field field--optional field--half" data-address-field="first_name"> 
 
  <div class="field__input-wrapper"><label class="field__label field__label--visible" for="checkout_shipping_address_first_name">Ф.И.О</label> 
    <input name="order_fio" placeholder="Ф.И.О" autocomplete="shipping given-name" data-backup="first_name" class="field__input" size="30" type="text" id="order_fio"> 
  </div> 
</div> 
<div class="field field--required field--half" data-address-field="last_name"> 
 
  <div class="field__input-wrapper"><label class="field__label field__label--visible" for="checkout_shipping_address_last_name">Моб. номер</label> 
    <input name="order_phone" placeholder="Моб. номер" autocomplete="shipping family-name" data-backup="last_name" class="field__input" aria-required="true" size="30" type="text" name="checkout[shipping_address][last_name]" id="order_phone"> 
  </div> 
</div> 
<button style="margin-top:15px;" type="submit" name="submitdata" id="confirm-button-next" name="button" type="submit" class="step__footer__continue-btn btn"> 
<span class="btn__content">Оформить заказ</span> 
<i class="btn__spinner icon icon--button-spinner"></i> 
</button>

input:invalid { 
    border: 2px solid red; 
}

<!-- Только цифы --> 
<input type="text" name="name1" placeholder="введите телефон" pattern="^[0-9]+$" required> 
 
<!-- Только буквы, русские и английские --> 
<input type="text" name="name2" placeholder="введите Ф.И.О." pattern="^[а-яА-ЯеЁa-zA-Z]+$" required>