MaxLength и MINLENGTH Не проверки HTML текстового поля в IE

<!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 (хотя работает в других браузерах).MaxLength и MINLENGTH Не проверки HTML текстового поля в IE

источник

2015-04-08 Anonymous

Какую версию IE вы используете? – NathanOliver

Я использую IE 11.00 –

Попробуйте это решение (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>

источник

2015-04-08 12:20:10

Привет Ким спасибо за ответ, но мое требование использует кнопку отправки Как

–

@NelsonA Итак, вы хотите отобразить сообщение об ошибке, в котором ваше текстовое поле может содержать только 10 символов, кроме как сказать, что это необходимо? –

Да, kim, я хочу отобразить сообщение об ошибке, прошу заполнить только 10 символов. –

Представляется, что MINLENGTH is not supported в большинстве современных браузеров. Существует многообещающая работа вокруг here, которую вы можете попробовать использовать. Использование maxlenngth и обходной путь ваш код должен работать

источник

2015-04-08 13:40:00 NathanOliver

MaxLength и MINLENGTH Не проверки HTML текстового поля в IE

ответ

Смежные вопросы