限制表单input文本字段中允许的字符数

如何限制或限制用户在文本框中最多input5个字符？

以下是input字段作为我的forms的一部分：

<input type="text" id="sessionNo" name="sessionNum" /> 

它是使用像maxSize或类似的东西？

Answer 1

最大长度 ：

将被接受为input的最大字符数。 这可以通过SIZE指定的更大，在这种情况下，字段将适当地滚动。 默认是无限的。

 <input type="text" maxlength="2" id="sessionNo" name="sessionNum" onkeypress="return isNumberKey(event)" /> 

但是，这可能会或可能不会受到您的处理程序的影响。 您可能还需要使用或添加另一个处理函数来testing长度。

Answer 2

最简单的方法是：

 maxlength="5" 

所以..添加这个属性到你的控制：

 <input type="text" id="sessionNo" name="sessionNum" onkeypress="return isNumberKey(event)" maxlength="5" /> 

Answer 3

根据w3c ，MAXLENGTH属性的默认值是一个无限制的数字。 所以，如果你不指定最大用户可以剪切和粘贴圣经几次，并坚持在你的forms。

即使您将MAXLENGTH指定为合理的数字，请务必在处理之前仔细检查服务器上提交数据的长度（使用诸如php或asp之类的东西），因为无论如何都很容易避开基本的MAXLENGTH限制

Answer 4

将以下内容添加到标题中：

 <script language="javascript" type="text/javascript"> function limitText(limitField, limitNum) { if (limitField.value.length > limitNum) { limitField.value = limitField.value.substring(0, limitNum); } } </script> <input type="text" id="sessionNo" name="sessionNum" onKeyDown="limitText(this,5);" onKeyUp="limitText(this,5);"" /> 

Answer 5

我总是这样做：

 $(document).ready(function(){ var maxChars = $("#sessionNum"); var max_length = maxChars.attr('maxlength'); if (max_length > 0) { maxChars.bind('keyup', function(e){ length = new Number(maxChars.val().length); counter = max_length-length; $("#sessionNum_counter").text(counter); }); } }); 

input：

 <input name="sessionNum" id="sessionNum" maxlength="5" type="text"> Number of chars: <span id="sessionNum_counter">5</span> 

Answer 6

使其更简单

  <input type="text" maxlength="3" /> 

并使用警报显示最大字符已被使用。

Answer 7

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

可以在input的字母的最大数量是5。

Answer 8

您可以使用<input type = "text" maxlength="9">或

用于电子邮件validation的数字或<input type = "number" maxlength="9">或<input type = "email" maxlength="9">

Answer 9

最长长度

将被接受为input的最大字符数。 maxlength属性指定元素中允许的最大字符数。

最大长度W3学校

  <form action="/action_page.php"> Username: <input type="text" name="usrname" maxlength="5"><br> <input type="submit" value="Submit"> </form> 

产量

使用MINLENGTH

NG-使用MINLENGTH

ng-minlength指令为input字段和表单的validation器添加限制。

如果该值的长度小于指定值，那么ng-minlength指令将添加input字段的“无效”状态。

注意：如果该值为空，则认为是有效的。

  <form name="myForm"> <input name="myInput" ng-model="myInput" ng-minlength="5"> <h1 ng-if="!myForm.myInput.$valid">The value is too short</h1> </form> 

产量

马克斯

max属性指定元素的最大值。

提示：使用max属性和min属性一起创build一系列合法值。

注：最大和最小属性适用于以下inputtypes：数字，范围，date，date时间，date时间本地，月份，时间和星期。

  <form> <input type="number" name="number" max="5"> </form> 

产量

最大和最小差异

敏

min属性指定元素的最小值。

提示：将min属性和max属性一起使用可以创build一系列合法值。

注：最大和最小属性适用于以下inputtypes：数字，范围，date，date时间，date时间本地，月份，时间和星期。

  <form > <input type="number" name="quantity" min="1"><br> <input type="submit"> </form> 

产量