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

Question

我有这段代码：

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

效果很好但是当我在页面上有多个表单时，它会检查所有表单。我不想使用＆＃34;这个＆＃34;来检查提交的表格。选择。我该如何实施＆＃34;这个＆＃34;我的代码中的选择器只检查提交的表单？

我不能使用任何id或类，只能使用＆＃34; this＆＃34;选择器。

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元素。