Проверка с помощью всплывающей подсказки и jQuery?

Question

У меня есть форма, в которой пользователь вводит все необходимые данные.

Когда пользователь вводит неверные данные (например, введите цифру в поле своего имени), над полем должна быть создана всплывающая подсказка.

Как достичь этой функции? Моя форма выглядит так.

1. первое имя
2. Lastname
3. номер телефона
4. электронной
5. отдел 6) дата рождения и т.д.

Answer 1

Я предполагаю, что ваш первый вход имя идентификатор "first_name" и вы хотите сделать проверку длины. Вы должны сделать яваскрипта функцию с помощью примера проверки:

function valid_first_name() { 
    if (($("#first_name").val().length > 3) && ($("#first_name").val().length < 20)) { 
     return true; 
    } 
    else { 
     return false; 
    } 
} 
$(document).ready(function() { 
    $('#first_name').on('blur', function() { 
     if (!valid_first_name()) { 
      $("#first_name_error").text("invalid name").css('color', '#FF0000').show(); 
     } 
    }); 
}); 

и ваш HTML:

<div id="first_name_error" style="display:none"></div> 
<input type="text" id="first_name"> 

Это лишь простой пример, который сделать проверку длины на смазывание.