<!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>
I'm trying to restrict the textbox validation by using maxlength and minlength CSS attributes, it is not working in IE (although working on other browsers).
It appears that minlength is not supported in most current browsers. There is a promising looking workaround here that you can try to use. Using maxlength and the workaround, your code should work.
Try this (javascript) solution:
<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>
