Блог

Главная - Вопросы по программированию - Получение значения ввода текста с помощью jquery

Получение значения ввода текста с помощью jquery

#javascript #html #jquery

#javascript #HTML #jquery

Вопрос:

итак, я пытался получить значение из ввода, но оно получается как неопределенное. Есть какие-либо подсказки, почему?

 $("#logForm").on("submit", function (e) {

        e.preventDefault();

        let textInput = $('input[name="userID"]');
        let userName = textInput.val();
        console.log(userName);
    }); 
 <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>

<form id="logForm">
  <input type="text" name="userId">
  <button type="submit">ENTER</button>
</form>

Довольно новый в JS в целом, поэтому очень вероятно, что я что-то упускаю / делаю что-то глупое.

Комментарии:

1. привет, возможно, соответствует регистру поля ( userId вместо userID )

2. Имена атрибутов чувствительны к регистру.

3. @IronMan Боже мой, это было так. Я так сильно переживал из-за чего-то такого маленького, хахаха, большое вам спасибо! Честно говоря, я чувствую себя довольно глупо, хахаха

Ответ №1:

Ваш селектор не соответствует значению атрибута. Это должно быть userId :

 $("#logForm").on("submit", function(e) {
  e.preventDefault();
  let textInput = $('input[name="userId"]');
  let userName = textInput.val();
  console.log(userName);
}); 
 <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>

<form id="logForm">
  <input type="text" name="userId">
  <button type="submit">ENTER</button>
</form>