最大长度和最小长度不验证IE中的HTML文本框
最大长度和最小长度不验证IE中的HTML文本框
提问于 2015-04-08 20:12:14
<!DOCTYPE html>
<html>
<head>
<title>Page Title</title>
</head>
<body>
<form>
<input type="text" placeholder="Mobile Number" required="" style="width: 263px;" maxlength="10" minlength="10">
<input type="submit">
</form>
</body>
</html>我试图通过使用maxlength和minlength CSS属性来限制文本框验证，它在IE中不起作用(尽管在其他浏览器上也可以)。
回答 2
Stack Overflow用户
发布于 2015-04-08 21:40:00
似乎most current browsers中的minlength is not supported。有一个看起来很有前途的变通方法here，你可以尝试使用。使用maxlength和变通方法，您的代码应该可以工作。
Stack Overflow用户
发布于 2015-04-08 20:20:10
试试这个(javascript)解决方案：
<script>
function validateForm() {
var errors = false;
if(document.getElementById("mobile").val().length() != 10) {
errors=true;
alert("number must be 10 characters");
}else{
errors=false;
}
if(errors==false){
document.getElementById("form").submit();
}
}
</script>
<form method="post" id="form" onsubmit="return validateForm()">
<input type="text" id="mobile" placeholder="Mobile Number" style="width: 263px;" maxlength="10" minlength="10">
<input type="submit">
</form>页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/29514271
复制相关文章
相似问题