html输入标记在Javascript中总是读取空值

html输入标记在Javascript中总是读取空值,javascript,jquery,html,Javascript,Jquery,Html,我正在尝试一个简单的登录页面。我添加了一些文本字段,并希望使用javascript或jquery读取它们。我遇到的问题是,每次使用javascript时都会出现一个空错误,而使用jquery时会出现一个空错误,即使我在字段中键入文本也是如此 html: -或 有人能告诉我为什么我会有这个问题吗 $userName = $('#userNameInput').text(); 这将尝试获取输入的子节点并从中提取文本 输入元素不能有任何子节点。您需要val() 这将尝试通过字符串变量userName

我正在尝试一个简单的登录页面。我添加了一些文本字段,并希望使用javascript或jquery读取它们。我遇到的问题是,每次使用javascript时都会出现一个空错误,而使用jquery时会出现一个空错误,即使我在字段中键入文本也是如此

html:

-或

有人能告诉我为什么我会有这个问题吗

$userName = $('#userNameInput').text();
这将尝试获取输入的子节点并从中提取文本

输入元素不能有任何子节点。您需要
val()

这将尝试通过字符串变量
userNameInput
中未声明的id获取元素。您需要在其周围加引号,使其成为字符串文字

这将尝试获取输入的子节点并从中提取文本

输入元素不能有任何子节点。您需要
val()


这将尝试通过字符串变量
userNameInput
中未声明的id获取元素。您需要在其周围加引号,使其成为字符串文字。

您的jQuery使用的是
.text()
,而不是
.val()
——输入是自动关闭的元素,因此没有任何文本


您的JavaScript在
userNameInput
周围缺少引号,这意味着它获取的是变量
userNameInput
,而不是字符串
“userNameInput”
,您的jQuery使用的是
。text()
而不是
。val()
-输入是自动关闭的元素,因此没有任何文本


您的JavaScript在
userNameInput
周围缺少引号,这意味着它获取的是变量
userNameInput
,而不是字符串
“userNameInput”
,用于检查总线使用是否已检查方法

   $(document).ready(function(){
     $('#submitSignIn').click(function(){
      $userName = $('#userNameInput').val();
      $userPass = $('#passwordInput').val();
     })

)

检查总线使用的检查方法

   $(document).ready(function(){
     $('#submitSignIn').click(function(){
      $userName = $('#userNameInput').val();
      $userPass = $('#passwordInput').val();
     })

)

获取输入值的jquery函数是
.val()
,而不是
.text()
,而不是使用.click(),您可能应该在表单上使用.submit(),以详细说明我之前的评论:人们可以提交表单,即使没有真正单击;或者您可能希望以后按程序提交表单,您知道什么。。。这就是为什么提交按钮上的.click()不如$(“form”).submit(函数(){})可靠的原因@卢卡斯1但它会起作用。OP:你检查过你的控制台了吗?它有错误吗?在JS
中,rememberMe
是未定义的。查看我的提琴查看一个工作示例:获取输入值的jquery函数是
.val()
,而不是
.text()
,而不是使用。click()你可能应该在表单上使用.submit()来详细说明我之前的评论:人们可以提交表单,即使没有真正单击;或者您可能希望以后按程序提交表单,您知道什么。。。这就是为什么提交按钮上的.click()不如$(“form”).submit(函数(){})可靠的原因@卢卡斯1但它会起作用。OP:你检查过你的控制台了吗?它有错误吗?在JS
中,rememberMe
是未定义的。查看我的小提琴,了解一个工作示例:
$userName = $('#userNameInput').text();
$userName = document.getElementById(userNameInput).value;
   $(document).ready(function(){
     $('#submitSignIn').click(function(){
      $userName = $('#userNameInput').val();
      $userPass = $('#passwordInput').val();
     })