Нечитаемый текст с использованием setCustomValidity в поле пароля в chrome

#javascript #html #google-chrome

#javascript #HTML #google-chrome

Вопрос:

Если я установлю сообщение об ошибке с использованием setCustomValidity в поле пароля формы html5, оно появится в виде пузырьков или звездочек, как и само поле пароля, что приведет к нечитаемому сообщению.

Вот jsfiddle для демонстрации того, что я имею в виду: http://jsfiddle.net/LcfuQ/1 /

Это работает в Firefox 4, но я получаю это странное поведение, используя Google Chrome. Кто-нибудь знает об обходном пути или каком-либо способе исправить это?

РЕДАКТИРОВАТЬ: Это было исправлено в версии 12

Комментарии:

1. Вы пробовали это на канале разработчиков Chrome? jsfiddle, на который вы ссылались, отлично работает у меня в версии 12.0.733.0, так что это может быть просто исправленная ошибка, которая еще не перешла в стабильный канал.

2. Действительно, это исправлено в канале разработки. Спасибо за информацию

Ответ №1:

Похоже, это проблема с Chrome

Когда тип ввода =»пароль», вместо символов отображаются звездочки даже для HTML5.

Смотрите эту скрипку в Chrome http://jsfiddle.net/idiotsden/RdwMw / . Это работает в ff4.

Обходной путь заключается в использовании инструментов jquery. Вы можете увидеть рабочее руководство здесь

http://flowplayer.org/tools/demos/validator/custom-validators.html

Ответ №2:

Это ошибка WebKit со -webkit-text-security свойством CSS, которое нельзя переопределить. Скорее всего, об этом уже сообщалось в WebKit Bugzilla, но если это не так, возможно, вы захотите сообщить об этом.