Сегодня я хочу продолжить тему проверки заполнения форм. Ранее, в заметке “Проверка правильности заполнения формы” я приводил пример наиболее простого способа предупреждения пользователя о ошибках, представляю вашему вниманию более “продвинутый” способ проверки с помощью JavaScript, который в случае неверного заполнения будет выводить “Alert” окно с подсказками на какие поля обратить внимание.
Недавно столкнувшись с создание довольно громоздки и сложных форм понял, что необходимо иметь хотябы мало-мальски простую проверку данных которые вводит пользователь.
Вы спросите зачем? … а необходимо это для того, что бы как минимум сократить время заполнения той же формы пользователем а также на стадии отправки данных проверить на корректность заполнения т.к. в случае неверно заполненного поля или же отсутствия данных в нем ему (пользователю) необходимо вернуться на страницу и заполнить все заново.
Данный пример является наиболее простым и проверяет ввел ли пользователь что либо ( никаких проверок на то, что же он ввел нет) или поле пустое и в случае этого “делает” видимым соответствующий блок .
Недавно наткнулся на интересный Java скрипт – проверка качества ( степени защищенности ) пароля. Т.е. имеем мы к примеру какую либо систему регистрации пользователей в которой пользователь пишет свой пароль и по мере ввода символов система сообщает ему насколько качественный его пароль.
Рецепт хорошего пароля: 1 Длинна пароля должна быть 8 и более символов. 2 Используйте буквы как нижнего так и верхнего регистра. 3 Используйте более чем одну цифру 5 Используйте спецсимволы (!,@,#,$,%,^,&,*,?,_,~). 6 Используйте
Данный скрипт работает по принципу оценки пароля по 100 бальной шкале, присваивая в зависимости от используемых символов определенное количество баллов.
>= 0 баллов : очень слабый
>= 25 баллов: слабый
>= 50 баллов: нормальный
>= 60 баллов: достаточно неплохо
>= 70 баллов: хороший
>= 80 баллов: очень хороший
>= 90 баллов: отличный пароль! Главное не забыть его :)
Итак сам процесс установки данного скрипта ( он достаточно прост и делается буквально за 5 минут )
Некоторое время назад мне стало интересно, каким образом на некоторых сайтах сделана очень полезная по моему мнению "штука" предоставляющая возможность пользователю ( посетителю сайта ) менять размер шрифта на более подходящий ему.
Вот собственно я хочу поделиться вариантом реализации данной так сказать "фичи".
Шаг 1:
Вставляем в документ следующий скрипт:
<script type="text/javascript" language="javascript"> var min=8; var max=16; function increaseFontSize() { var p = document.getElementsByTagName('div'); for(i=0;i<p.length;i++) { if(p[i].style.fontSize) { var s = parseInt(p[i].style.fontSize.replace("px","")); } else { var s = 12; } if(s!=max) { s += 1; } p[i].style.fontSize = s+"px" } } function decreaseFontSize() { var p = document.getElementsByTagName('div'); for(i=0;i<p.length;i++) { if(p[i].style.fontSize) { var s = parseInt(p[i].style.fontSize.replace("px","")); } else { var s = 12; } if(s!=min) { s -= 1; } p[i].style.fontSize = s+"px" } } </script>
Данный скрипт имеет две переменные MIN и MAX которые соответственно отвечают за минимальный и максимальный размер шрифта. Их вы можете варьировать по своему усмотрению.
Шаг 2:
Теперь делаем вывод нашего блока с регулировкой размера шрифта следующим образом:
