仅检查此字段中的空表单字段

Question

我有这个代码：

$("form").submit(function() {
  $(":input").each(function() {
    if($(this).val() === "")
    alert("Empty Fields!!");
  });
});

效果很好，但是当我在一个页面上有多个表单时，它会检查所有表单。我不想使用 "this" 选择器只检查提交的表单。我应该如何在我的代码中实现 "this" 选择器以仅检查提交的表单？

我不能使用任何 ID 或类，只能使用 "this" 选择器。

Answer 1

在表单提交处理程序中，您可以使用 this 关键字来引用引发事件的表单。一旦你有了它，你就可以使用 find:

$("form").submit(function() {
    $(this).find(":input").each(function() {
        if ($(this).val() === "")
            alert("Empty Fields!!");
    });
});

或上下文选择器：

$("form").submit(function() {
    $(":input", this).each(function() {
        if ($(this).val() === "")
            alert("Empty Fields!!");
    });
});

检索相关的 input 个元素。

仅检查此字段中的空表单字段

Check for empty form fields in this field only

jquery

forms

validation

this