有没有在HTML5中一个MINLENGTH验证属性
2017-12-09 · 百度知道合伙人官方认证企业
育知同创教育
1【专注:Python+人工智能|Java大数据|HTML5培训】 2【免费提供名师直播课堂、公开课及视频教程】 3【地址:北京市昌平区三旗百汇物美大卖场2层,微信公众号:yuzhitc】
向TA提问
关注
展开全部
1. 你的pattern属性:
<input pattern=".{3,}" title="3 characters minimum">
<input pattern=".{5,10}" title="5 to 10 characters">
2. MINLENGTH属性(与最大长度)不以原生HTML5的存在。 然而,有一个方法来验证一个字段,如果它包含小于x的字符。 一个例子是jQuery的这个链接:
<html>
<head>
<script src=" CodeGo.net
<script type="text/javascript" src=" CodeGo.net
<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>
3. 下面是HTML5的唯一的解决方案(如果你想MINLENGTH 5,最大长度10字符验证)
<form>
<input pattern=".{5,10}">
<input type="submit" value="Check"></input>
</form>
<input pattern=".{3,}" title="3 characters minimum">
<input pattern=".{5,10}" title="5 to 10 characters">
2. MINLENGTH属性(与最大长度)不以原生HTML5的存在。 然而,有一个方法来验证一个字段,如果它包含小于x的字符。 一个例子是jQuery的这个链接:
<html>
<head>
<script src=" CodeGo.net
<script type="text/javascript" src=" CodeGo.net
<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>
3. 下面是HTML5的唯一的解决方案(如果你想MINLENGTH 5,最大长度10字符验证)
<form>
<input pattern=".{5,10}">
<input type="submit" value="Check"></input>
</form>
推荐律师服务:
若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询