Функция val() в jQuery — одна из важнейших при работе с формами. Формы используются повсеместно: для отправки комментариев, личных сообщений, отзывов и многого другого. Если в форме используется JavaScript и jQuery, функция val() незаменима для получения значения поля ввода. После получения значения можно выполнять любые операции: сравнивать, проверять с помощью условных операторов if, отправлять в базу данных или пользователю и т.д.
Пример: получение значения поля ввода
Создадим текстовое поле ввода:
<input type="text" name="text" id="text">
Мы добавили атрибуты name и id со значением «text».
Для получения значения поля ввода, обратимся к нему по ID: $("#text"). Метод val() получает значение атрибута value и возвращает его. Хотя можно обратиться к атрибуту value напрямую, функция val() упрощает задачу.
Пример:
let text = $("#text").val();
alert(text);
Этот код записывает значение поля ввода в переменную text и отображает его в окне предупреждения.
Пример: использование val() в обработчике события клика
Создадим кнопку и функцию, которая вызывается по клику:
<input type="button" value="Готово" onclick="getValue()">
Функция getValue():
function getValue() {
let text = $("#text").val();
alert(text);
}
При клике на кнопку, функция getValue() получит значение поля ввода с id «text» и выведет его в окне предупреждения.
Работа с разными типами полей
Функция val() работает с любыми типами полей ввода, включая password:
<input type="password" id="password">
let password = $("#password").val();
alert(password);
Здесь мы получаем значение поля ввода типа password и выводим его.
Функция val() в jQuery — простой, но мощный инструмент для работы с формами. Она позволяет получить значение любого поля ввода, независимо от его типа. Это ключевая функция для обработки данных формы, проверки значений и дальнейшей работы с ними.