javascript - 如何在不更改 Javascript 页面的情况下访问用户输入的电子邮件

Question

所以我希望用户在输入字段中写入电子邮件，然后我想在单击按钮时获取该输入，而不更改页面，因为它会破坏我的路线。

<label for="email">Email:</label>
<input type="email" class="form-control" id="email" placeholder="Add Navigators Email so they can access the Session">

<button type="button" onclick="addNav()" class="btn btn-success">Add to Session</button><br>

我需要仅使用 javascript 获取用户的输入而不更改页面。这可能吗？

Answer 1

你必须通过它的 id 找到元素，然后获取它的值:

email_input = document.getElementById("email");
alert(email_input.value);

工作示例:https://jsfiddle.net/gbenussi/dusoctra/