访问 JavaScript 函数中的输入文本框值答案

【问题标题】：Accessing Input Text Box Value Inside a JavaScript Function访问 JavaScript 函数中的输入文本框值
【发布时间】：2014-04-05 20:49:22
【问题描述】：

在我的代码中，我试图在外部 Javascript 函数中访问输入文本框的值。但是，我似乎无法让代码正常工作。有人可以看看这段代码并确定我做错了什么。

编辑：问题已解决。如果有人想知道如何使用 JAVASCRIPT 从文本字段中访问元素，请随意将其用作参考！谢谢。

HTML 代码：

  <body>

       <form action="VerifyRegistration.html" class="login">

           <h1>Sign Up Here</h1>


           /*Input Text Box*/
           <input type="email" input id = "email"  name="email" class="login-input" placeholder="Email Address" 


           <input type="submit" value="Create Account" class="createaccount">


          /*Once this button is pressed it calls a Javascript function
          <p class="login-help"><a href="javascript:FormChecker();">Need Help?</a></p>


          </form>

          </body>
          </html>

Javascript 代码：

    <SCRIPT Language="JavaScript">
    <!--//

      function FormChecker(){
          Email = document.getElementById('email').value;
          alert(Email);
      }

    //-->
    </SCRIPT>

注意：它们在同一个文件中，并且 javascript coe 在 html 下方。

【问题讨论】：

标签： javascript html

【解决方案1】：

您正在使用getElementById('email')，但没有 ID 为“email”的元素

<input id="email" type="email" name="email" class="login-input" placeholder="Email Address" autofocus>

【讨论】：

啊，我在看名字，我把它和 ID 混淆了。谢谢！