<input>字段的minlength属性似乎不起作用。
在HTML中是否有其他属性可以帮助我设置字段值的最小长度?
当前回答
Minlength属性现在在大多数浏览器中得到广泛支持。
<input type="text" minlength="2" required>
但是，与HTML5的其他功能一样，IE11在这个全景图中是缺失的。所以，如果你有一个广泛的IE11用户基础，考虑使用模式HTML5属性，几乎所有的浏览器(包括IE11)都支持它。
为了有一个漂亮和统一的实现，可能是可扩展的或动态的(基于生成HTML的框架)，我会投票给pattern属性:
<input type="text" pattern=".{2,}" required>
在使用模式时，仍然存在一个小的可用性问题。在使用pattern时，用户将看到一条非直观的(非常通用的)错误/警告消息。查看jsfiddle或下面:
在每个表单中输入1个字符并按submit</h3> < / h2 > <形式action = " # " > Input with minlength: < Input type="text" minlength="2" required name="i1"> <input type="submit" value=" submit" > > < /形式 < br > <形式action = " # " > Input with patern: < Input type="text" pattern="。{2，}" required name="i1"> <input type="submit" value=" submit" > > < /形式
例如，在Chrome中(但在大多数浏览器中类似)，你会得到以下错误消息:
Please lengthen this text to 2 characters or more (you are currently using 1 character)
通过使用minlength和
Please match the format requested
通过使用模式。
其他回答
minLength属性(不像maxLength)在HTML5中并不存在。但是，如果字段包含少于x个字符，则有一些方法可以验证字段。
一个使用jQuery的例子:http://docs.jquery.com/Plugins/Validation/Methods/minlength
<html>
<head>
<script src="http://code.jquery.com/jquery-latest.js"></script>
<script type="text/javascript" src="http://jzaefferer.github.com/jquery-validation/jquery.validate.js"></script>
<script type="text/javascript">
jQuery.validator.setDefaults({
debug: true,
success: "valid"
});;
</script>
<script>
$(document).ready(function(){
$("#myform").validate({
rules: {
field: {
required: true,
minlength: 3
}
}
});
});
</script>
</head>
<body>
<form id="myform">
<label for="field">Required, Minimum length 3: </label>
<input class="left" id="field" name="field" />
<br/>
<input type="submit" value="Validate!" />
</form>
</body>
</html>
我使用了最大值和最小值，这对我来说很有效，但我不确定这是否是一种编码方法。
<input type="text" maxlength="13" name ="idnumber" class="form-control" minlength="13" required>
您可以使用pattern属性。还需要必需的属性，否则带有空值的输入字段将被排除在约束验证之外。
<input pattern=".{3,}" required title="3 characters minimum">
<input pattern=".{5,10}" required title="5 to 10 characters">
如果你想创建一个选项来使用“空，或最小长度”的模式，你可以这样做:
<input pattern=".{0}|.{5,10}" required title="Either 0 OR (5 to 10 chars)">
<input pattern=".{0}|.{8,}" required title="Either 0 OR (8 chars minimum)">
是的，在那儿。就像maxlength。W3.org文档: http://www.w3.org/TR/html5/forms.html#attr-fe-minlength
如果minlength不起作用，可以使用@Pumbaa80提到的模式属性作为输入标记。
文本区域: 用于设置最大值;使用maxlength和min转到这个链接。
你会发现这里有最大值和最小值。
不是HTML5，但无论如何都很实用:如果你碰巧使用AngularJS，你可以在输入和文本区域都使用ng-minlength(或data-ng-minlength)。看看这个Plunk。
