Question

<!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中不起作用（尽管在其他浏览器上工作）。

Answer 1

is not supported中似乎minlength most current browsers。您可以尝试使用有希望的解决方法here。使用maxlength和解决方法，您的代码应该可以正常运行。

Answer 2

试试这个（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>

maxlength和minlength不验证IE中的HTML文本框

2 个答案: