javascript - 通常如何使用 jQuery 循环遍历表单中的输入元素？

Question

我正在尝试使用 jQuery 循环遍历表单中的输入元素，以便我可以执行一些轻量级客户端验证。我正在使用 Django 生成服务器端页面，我遇到的问题是特定页面有许多动态生成的表单，所以我事先不知道它们的 id。如果我这样做了，我就可以轻松地进行验证。

因此，在我的 javascript 中，我试图捕获表单的提交操作，当找到该操作时，以某种方式获取输入元素，以便我可以检查参数。这是我尝试过的其他方法:

$(".s-inputs").submit(function(event){      
  $(this).filter(':input').each(function(){
    console.log("Doesn't work");
  });
  event.preventDefault();
});

我尝试包含生成下面 html 表单的 django 代码，但模板系统中的某些内容破坏了 Stack Overflow 的格式。无论如何，我认为这不会很有指导意义。本质上，我的 html 只是页面上任意数量的表单，每个表单都有任意数量的输入，所有这些都是动态生成的服务器端。它们唯一的共同点是“s-inputs”类。

感谢您的帮助。

Answer 1

您应该使用find()，而不是filter():

$(this).find(':input').each(function(){
  console.log("Doesn't work");
});

filter() 尝试过滤当前选定的元素(当前只是您的 form 元素)并删除任何未过滤的内容在。这不会返回任何内容，因为您的 form 元素与 :input 不匹配。

另一方面，

find() 搜索当前所选元素中包含的任何匹配选择器。这将匹配 form 中包含的任何匹配的 :input 元素。