0

Вроде всё просто, но всё же. Хочу получать значение из поля ввода, но получаю undefined. Вот код:

var Name = $("loginField").val();
function log_in_click(){
    alert(Name);
}
<!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8" />
  <title>Page Title</title>
  <link rel="stylesheet" href="D:\ВЛАД\Projects VisualStudio\Repositories\Сайты\MyWebSite\style.css" />
  <script src="D:\ВЛАД\Projects VisualStudio\Repositories\Сайты\MyWebSite\script.js"></script>
</head>
<body>
  <form>
    <br>
    <input type="text" id="loginField" placeholder="Login..." value="">
    <br>
    <input type="text" id="passField" placeholder="Password..." class="inputs">
    <br>
    <a href="#" id="log_in" class="button_login" onclick="log_in_click()">Login</a>
  </form>
</body>
</html>

5

1 ответ 1

0

Думаю, сначала стоит изучить, как это сделать без jquery

function log_in_click(){
    alert( document.querySelector("#loginField").value);
}
<!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8" />
  <title>Page Title</title>
  <link rel="stylesheet" href="D:\ВЛАД\Projects VisualStudio\Repositories\Сайты\MyWebSite\style.css" />
  <script src="D:\ВЛАД\Projects VisualStudio\Repositories\Сайты\MyWebSite\script.js"></script>
</head>
<body>
  <form>
    <br>
    <input type="text" id="loginField" placeholder="Login..." value="">
    <br>
    <input type="text" id="passField" placeholder="Password..." class="inputs">
    <br>
    <a href="#" id="log_in" class="button_login" onclick="log_in_click()">Login</a>
  </form>
</body>
</html>

14
  • Вроде бы отлично. А можете в ответ написать почему мой вариант не рабочий?
    – aquaprogit
    6 окт 2018 в 16:54
  • var Name = $("loginField").val(); => var Name = $("#loginField").val(); в любом случае, забыли поставить # 6 окт 2018 в 16:55
  • и подключить jquery 6 окт 2018 в 16:56
  • да и ещё. Почему у меня в подсказках (VSCode) нету value. Только nodeValue
    – aquaprogit
    6 окт 2018 в 16:57
  • Хотя код с value работает, почему его нету в подсказках
    – aquaprogit
    6 окт 2018 в 16:57

Ваш ответ

By clicking “Отправить ответ”, you agree to our terms of service and acknowledge that you have read and understand our privacy policy and code of conduct.

Всё ещё ищете ответ? Посмотрите другие вопросы с метками или задайте свой вопрос.