2017-06-16 18 views
1

入力番号フィールドの最小値を0以上に設定することはできますが、ユーザーは引き続き0.01を入力できますか? ..入力番号フィールドが0より大きい?

は、私はこれを試してみたが、それは働いていない

<input required="" name="amount" type="text" min="0.01" value="0.00" /> 
(あなたも値が設定可能な増加を制限する step="0.01"属性を使用することができます) min="0"
+7

入力番号欄'type =" text "' ?? – user7929528

+5

'type =" number "'を使用してください –

+1

_moreより__ value = "0.00" ' – George

答えて

1

簡単な解決策があること、あなたにinputイベントを追加することができます。私はその入力にIDを与えられます。入力が0.01未満の場合は、リセットします。

また、stepを使用して精度を制御します。 else文では、我々はこれを行うよう

また、状況は、input = 0.0111次のようになります。Math.round(+this.value * 100)/100;+は数値型になるために、変数を強制し、2進に丸め入力を取得するために恐らくMath.roundを使用します)

document.getElementById('test').addEventListener('change', function (e) { 
 
    if(this.value < 0.01){ 
 
     this.value = ''; 
 
    } else { 
 
     this.value = Math.round(+this.value * 100)/100; 
 
    } 
 
});
<input required="" id="test" name="amount" type="number" step="0.01" value="0.00" />

+0

のためにJavaScriptを使用する必要があります@Shaunは0.0111や0.0199など入力を処理するために更新 –

3

使用type="number"

をあなたのコードで

<input required="" name="amount" type="number" min="0" step="0.01" value="0.01" />

+1

しかし、あなたはまだ0 – guest

+2

@guestを入力することができます – user7929528

0

type="text" アトリビュートminnumberrange & dateタイプが利用可能です。これを試してみてください :

<input required="" name="amount" type="number" min="0.01" value="0.01" /> 
0

これを試してみてください。

<input required="" name="amount" id="amount" type="number" min="0.01" 
value="0.00" onblur="return validate(this);" /> 
    <script type="text/javascript"> 
function validate(amount){ 
    if(parseFloat(amount.value)<=0){ 
     amount.value = ""; 
     return false; 
    } 
    return true; 
} 
</script> 
関連する問題