Отображение цифровой клавиатуры для пользователя в полях ввода html, когда тип является текстовым для мобильных устройств в следующем специальном сценарии

Question

Следующая веб-страница будет доступна с мобильного устройства. В настоящее время я добавил разделители запятых для полей ввода чисел, но для процедуры разделения запятых я должен установить тип ввода текста. При этом конечному пользователю в мобильном браузере будет показана клавиатура alphanumeri c. Есть ли способ отобразить цифровую клавиатуру c для конечного пользователя при выполнении разделения запятой при вводе?

Метод, который я пытался использовать для разделения запятых

 $('input.number').keyup(function(event) {

    // skip for arrow keys
    if(event.which >= 37 && event.which <= 40) return;
  
    // format number
    $(this).val(function(index, value) {
      return value
      .replace(/\D/g, "")
      .replace(/\B(?=(\d{3})+(?!\d))/g, ",")
      ;
    });
  });
 

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>

<input type="text" id="f1qs3" class="form-control number" placeholder="Enter Value">

Answer 1

Попробуйте ввести тип tel для мобильных устройств

<input type="tel" id="f1qs3" class="form-control number" placeholder="Enter Value">

Answer 2

Вы можете добавить атрибут pattern="\d*" к вашему входу:

<input type="text" id="f1qs3" class="form-control number" placeholder="Enter Value" pattern="\d*">

Это должно привести к тому, что клавиатура появится на мобильных устройствах и не повлияет на ваш метод разделения запятыми.