Javascript代码在Mozilla的同一页面上提交表单

Question

我使用了这个代码，当按下按钮时，在表单中添加字段：

$(".add-participant").on("click", function() {
   event.preventDefault()
    $(".participant.hidden").first().removeClass("hidden");
  if(!$(".participant.hidden").length) {
    $(this).hide();
  }
});

我添加了event.preventDefault()，因为添加（取消隐藏）字段的按钮是出于某种原因提交表单。 这适用于Chrome / Edge / IE，但在Mozilla上它不会出于某种原因。表单尝试提交，而不是取消隐藏的字段。任何想法如何解决这个问题？

Answer 1

我在代码中发现的唯一问题是您的事件未定义。稍微修改您的代码以将事件定义为：

$(".add-participant").on("click", function(event) {
   event.preventDefault()
    $(".participant.hidden").first().removeClass("hidden");
  if(!$(".participant.hidden").length) {
    $(this).hide();
  }
});

这可以解决您的问题。