Нечитаемый текст, используя setCustomValidity для поля пароля в Chrome

Question

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

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

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

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

Answer 1

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

Answer 2

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

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

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

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

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