Как сделать подсказку при при заполнении input?

Question

[vasiliy-zutuf]

Как можно сделать, чтобы при заполнении определённого поля появлялась подсказка? Т.е. блок, который есть если поле не пустое. Или хотябы при фокусе.
Пример

Answer 1

[sergey]

Это называется валидация форм, вот к примеру плагин jquery-validation

$("#form-1").validate({
        rules:{
            name:{
                required: true,
                minlength: 2
            },

            code: {
                required: true,
                digits: true,
                minlength: 3,
                maxlength: 3
            },

            tel:{
                required:true,
                minlength: 7,
                maxlength: 9
               
            }
        },
        messages:{
            name:{
                required:"Неверно заполнено поле :(",
                minlength: "Минимальное кол-во символов 2"
            },
            code:{
                required: "Введите код",
                digits: "Обязательно цифры",
                minlength: "3 символа"
            },
            tel:{
                required:"Введите номер телефона :(",
                minlength: "Необходимо 7 символов"
            }
        }
    });

Comments

[Jimmy Neutron]

Ну вот. Плюсую

Answer 2

[Jimmy Neutron]

Эм... Что-то не совсем понятно. Как то визуально можешь показать? Допустим через фотошоп или paint
Как вариант вот ссылка

Comments

[vasiliy-zutuf]

добавил пример