Показываем раскладку в поле ввода пароля

Как часто при вводе пароля мы ошибаемся из-за другой раскладки или включенного Caps Lock'а? Обычные пользователи при этом нервничают и ругаются, особенно когда непонятно, почему пароль неправильный. Данный скрипт как раз предназначен для предотвращения подобного.

При вводе пароля он отображает сбоку раскладку последнего введенного символа, а так же показывает, включен ли Caps Lock. Полезный и незаметный скрипт для все сайтов, в который есть авторизация.
Внимание: для работы скрипта, необходимо подключение библиотеки jQuery.
Установка:
1.Скачиваем архив Вы не можете скачивать файлы с нашего сайта ,рекомендуем Вам зарегистрироваться либо войти на сайт под своим именем. ,распаковываем и заливаем файлы в папку js вашего шаблона
2.Добавить в файле main.tpl в хеад :

<script type="text/javascript" src="{{tpl_url}}/js/jquery.keyboardLayout.js"></script>
<link media="screen" href="{{tpl_url}}/js/jquery.keyboardLayout.css" type="text/css" rel="stylesheet" />

<script type="text/javascript">$(function(){$(':password').keyboardLayout();});</script>

Можешь почитать и вот эту статейку " 30 онлайн-инструментов для тестирования сайтов"