如何在表单文本字段中设置最大数量

Question

我在表单中有一个文本框，我想将允许的最大数值设置为50.这是否可以使用HTML？感谢

Answer 1

是。使用maxlength属性。

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

编辑：我误解了你的问题。如果你想要它以便最大数量是50并且它不接受任何其他你应该检查输入中接受的值，如果它大于50，你可以做一些事情（清除文本框，抛出错误，申请错误类等）。也许写一个函数来判断它是否是一个数字并且是＆lt; = 50？

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

来自HERE

Answer 2

我认为您正在寻找maxlength属性：

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

Answer 3

你可以在onblur事件上用javascript做到这一点

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

添加onBlur =“javascript：txtOnBlur（this）;”属性到您的文本框。

如果是char长度，只需添加teh maxlenght属性（maxlength =“50”）。

Answer 4

据我了解，您所寻找的更像是：Limit input box to 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)" />

Answer 5

你想要这个：

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

因此51太高了。 50没关系。这是一个HTML5属性。

Maxlengh将允许50个字符，即后面有49个零的数字。我不认为你的意思。 Max将允许输入的值不高于指定值。

您仍然需要验证服务器端。