だけ

Question

現在、私は次のコード

<input type="number" /> 

を持っていることは、この

のようなものにはほとんどのセレクタ物事を出てきます右に番号をマイナスにすることができます。それをどうやって防ぐのですか？

私はtype="number"を使用することに疑問を抱いています。それは解決しているよりも多くの問題を引き起こしています。私はそれをどうしてもチェックするつもりですので、ちょうどtype="text"を使用しますか？

Answer 1

は、それはあなたがなりたい方法を正確に依存a min attribute

<input type="number" min="0"> 

Answer 2

を追加します。それはあなたがより、整数のみを受け入れるようにしたい：

<input type="number" min="1" step="1">

あなたは、との山車をしたい場合はたとえば、小数点以下2桁：

<input type="number" min="0.01" step="0.01">

Answer 3

試行

<input type="number" pattern="^[0-9]" title='Only Number' min="1" step="1">

Answer 4

<input type="number" min="1" step="1">

Answer 5

あなたはinputタグ内onkeypressを追加することによってのみ正の整数を含むように入力を強制することができます。ここ

<input type="number" onkeypress="return event.charCode >= 48" min="1" >

minタグを使用すると、入力バー内にスクロールすることによって1の最小値に来ることができることを確実にしながら、event.charCode >= 48は、0以上の数だけが返されることを保証します。

Answer 6

これを試してください。 それは魅力のように機能します。 追加のJavaScriptコードは必要ありません。

onkeypress="return event.charCode 

これを入力タグに入れてください。このような。

<input type="number" min="0" max="" onkeypress="return event.charCode >= 48" class="form-control" placeholder="Enter number(0-10)"> 

ありがとうございます。

Answer 7

このコードを入力します。例えば

onkeypress="return (event.charCode == 8 || event.charCode == 0 || event.charCode == 13) ? null : event.charCode >= 48 && event.charCode <= 57" 

：

<input type="text" name="age" onkeypress="return (event.charCode == 8 || event.charCode == 0 || event.charCode == 13) ? null : event.charCode >= 48 && event.charCode <= 57" /> 

Answer 8

私は負の数を防止するための別の解決策を発見しました。

<input type="number" name="test_name" min="0" oninput="validity.valid||(value='');">