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

Javascript code submits form on the same page in Mozilla

本文关键字：提交 表单 一页 代码 Mozilla Javascript      更新时间：2024-03-19

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

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

我添加event.preventDefault()是因为添加（取消隐藏）字段的按钮出于某种原因提交了表单。这在Chrome/Edge/IE上有效，但在Mozilla上由于某种原因而无效。表单尝试提交，而不是取消隐藏字段。有什么办法解决这个问题吗？

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

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

这应该能解决你的问题。

相关文章：