-1

フォームにテキスト ボックスがあり、最大許容数値を 50 に設定したいと考えています。これは HTML で可能ですか? ありがとう

4

5 に答える 5

3

はい。maxlength 属性を使用します。

<input type="text" size="10" maxlength="50">

編集：あなたの質問を誤解しました。最大数を 50 にして他に何も受け入れないようにしたい場合は、入力で受け入れられる値を確認するだけで、それが 50 より大きい場合は、何かを実行できます (テキスト ボックスをクリアし、エラーをスローし、適用します)。エラークラスなど)。それが数値であり、<= 50 であるかどうかを判断する関数を作成することはできますか?

function isValidNum(n) {
  if (!isNaN(parseFloat(n)) && isFinite(n) && n<=50) 
      //do something
}

ここから

于 2013-01-22T21:10:45.137 に答える
1

maxlength 属性を探していると思います:

<input type="text" maxlength="10">
于 2013-01-22T21:11:19.620 に答える
0

あなたはこれを求めている：

 <input type="number" min="1" max="50" />

したがって、51 は高すぎます。50は大丈夫です。これは HTML5 属性です。

Maxlengh50 文字、つまり数字の後に 49 個のゼロを付けることを許可します。それはあなたが言っていることではないと思います。 Max入力が指定された値を超えないようにします。

ただし、サーバー側で検証する必要があります。

于 2013-01-23T00:41:36.733 に答える
0

onblur イベントで JavaScript を使用して実行できます

function txtOnBlur(txt){
    if (txt.value >50){
         txt.value = "";
         alert("No values over 50");
     }
}

add onBlur="javascript:txtOnBlur(this);" を追加します。属性をテキストボックスに追加します。

文字の長さの場合は、maxlength 属性 (maxlength="50") を追加するだけです。

于 2013-01-22T21:12:08.873 に答える
0

私が理解している限り、あなたが探しているのは次のようなものです:入力ボックスを 0-100 に制限する

Crimsonは、必要なコードとまったく同じように聞こえる回答を提出しました。必要に応じて編集および改良すると、次のようになります。

<script>
function handleChange(input) {
  if (input.value < 0) input.value = 0;
  if (input.value > 50) input.value = 50;
}
</script>

テキストボックスは次のようになります。

<input type="text" onChange="handleChange(this)" />
于 2013-01-23T00:30:36.430 に答える