入力がデスクトップおよびモバイルデバイス用の数字フィールドとして動作するようにする

Question

私はタイプ番号として入力したアプリケーションのような入力フィールドを持っています。ユーザーは上下をクリックして数値を増やすか、フィールドに値を入力できます。

<input type="number" name="quantity" id="quantity" value="1" class="form-control" min="1"> 

しかし、私はモバイルに行くとき、同じフィールドがテキストフィールドのように動作されます。私はそれについて何かできることはありますか？

Answer 1

jqueryを検証に使用するには、次のコードを使用してテキストボックスに数値をドラッグアンドドロップすることもできません。テキストボックスのクラス名は "numericOnly"としてください。

$(function() { 
    $(".numericOnly").bind('keypress', function (e) { 
     if (e.keyCode == '9' || e.keyCode == '16') { 
      return; 
     } 
     var code; 
     if (e.keyCode) code = e.keyCode; 
     else if (e.which) code = e.which; 
     //if (e.which == 46) 
     // return false; 
     if (code == 8 || code == 46) 
      return true; 
     if (code < 48 || code > 57) 
      return false; 
    } 
    ); 
    $(".numericOnly").bind("paste", function (e) { 
     e.preventDefault(); 
    }); 
    $(".numericOnly").bind('mouseenter', function (e) { 
     var val = $(this).val(); 
     if (val != '0') { 
      val = val.replace(/[^0-9.]+/g, "") 
      $(this).val(val); 
     } 
    }); 
});