Question

我有一个像这样的HTML脚本：

    <form id="no1">
      <input id="title" type="text" />
<input type="submit" />
    </div>

    <form id="no2">
      <input id="title" type="text" />
<input type="submit" />
    </div>

然后我使用jQuery获得验证脚本。但是我希望它能够验证已提交的表格。

当我点击sumit时，jQuery会验证错误的输入（因为它们都具有相同的id名称）。

我尝试了这段代码，但它没有用（“this”是表单元素）：

var title = $(this).("input#title").val();

Answer 1

HTML ID应该是唯一的。如果已发布的元素需要为两个表单指定相同的名称，则应使用具有相同名称的唯一ID。

<form id="no1"> 
  <input id="title1" name="title" type="text" />

<form id="no2"> 
  <input id="title2" name="title" type="text" />

您的代码可以修改为：

$(this).find("[name='title']").val();

假设this引用了正在提交的表单元素。

Answer 2

试试这个

$(this).find('input#title').val()

Answer 3

页面上的每个ID都必须是唯一的： http://webdesign.about.com/od/css/f/blfaqmultiIDs.htm

Answer 4

尝试

$(this).find('input#title').val();

jQuery找到正确的id

4 个答案: