IE10 Validation ошибка с MAXLENGTH и заполнителем на текстовом поле

Question

У меня есть текстовое поле для Возраста:

< входного типа = идентификатор = имя «текста» «txtAge» = «txtAge» класс = «текст» заполнитель = "Возраст (опционально) «maxlength =» 2 »>

После нажатия кнопки« Отправить »этот вход немедленно оканчивается красным цветом. Нет обратной передачи. Я предполагаю, что IE10 считает, что клиент действительно набрал «Возраст (необязательно)», который больше, чем максимальная длина 2.

Есть ли способ обойти это без необходимости делать что-либо в настройках своего браузера и без удаление атрибута maxlength?

Answer 1

Вы можете использовать атрибуты novalidate и formnovalidate. См. this link для получения дополнительной информации.

Приложения Internet Explorer 10 и Windows Store с использованием JavaScript добавляют новую поддержку форматов HTML5, включая новые состояния атрибута type (для элемента ввода), новые атрибуты для элемента ввода и элемент прогресса. Эта поддержка позволяет разработчикам быстро и легко предоставлять пользователю запрос, подтверждение ввода и обратную связь с минимальным количеством скриптов.

Источник: http://msdn.microsoft.com/en-us/library/ie/hh673544(v=vs.85).aspx

Answer 2

я столкнулся с той же проблемой.

В этом случае вы должны изменить максимальную длину до 10, чтобы она не выдавала максимальную длину и задавала максимальную длину, которую вы хотите для своего текстового поля, используя javascript, как показано ниже.

function setMaxLength(obj, len) { 
return (obj.value.length < len); 
} 

и вызвать эту функцию, как следующий

<input type="text" id="txtAge" name="txtAge" class="text" placeholder="Age (optional)" maxlength="10" onkeypress="return setMaxLength(this,2);"> 

Это позволит решить проблему.

Answer 3

У меня была такая же проблема, в моем случае это было поле GUID, которое было скрыто, поскольку мне не нужно было отображать его на экране. Поэтому у меня был дисплей: none и maxlength = 0. Тем не менее, IE выполнял валидацию, последействие было неудачно, и я понятия не имел, почему. Мне потребовалось полдня, чтобы понять, решение было установить maxlength = 36.