Javascript 无法从jquery中的表单获取输入值

我正在从表单页面获取值，然后对其进行验证。我使用jquery处理输入对象并获取用户输入的值

我的HTML代码是：

<form id="userDetails">

  <table class="containFormTable" cellspacing="8">

    <tr>
      <td class="detail">Name:</td>
      <td>
        <input name="name" type="text" id="name" />
      </td>
    </tr>

    <tr>
      <td class="detail">Email-Id:</td>
      <td>
        <input name="emailId" type="text" id="emailId">
      </td>
    </tr>

    <tr>
      <td class="detail">Phone-No:</td>
      <td>
        <input name="phoneNo" type="text" id="phoneNo">
      </td>
    </tr>

    <tr>
      <td colspan="2" style="padding-top: 50px">
        <input type="button" value="Submit" id="submit">
      </td>
    </tr>



  </table>


</form>

我在变量名或任何其他名称中得到的结果是未定义的。

---

我哪里出错了？

您只需从元素中获取值，如下所示：

var name = $('#name').val();
var emailId = $('#emailId').val();
var phoneNo = $('#phoneNo').val();

您的代码获取对表单字段的引用，然后查找输入元素没有的子元素，因此未定义的子元素与您已经找到的元素相同，然后尝试获取该元素的值。

只需删除。从每个选择器中查找“input[name=name]”

$document.readyfunction{ $‘提交’ 点击 作用{ 变量名称=$'name'.val； var emailId=$'emailId'.val； var phoneNo=$'phoneNo'.val； console.logname； console.logemailId； console.logphoneNo； }; }; 姓名： 电子邮件Id: 电话号码：

var name = $('#name').val();
var emailId = $('#emailId').val();
var phoneNo = $('#phoneNo').val();