Question

我在一个页面上有多个表单。同一个页面上的相同ID会发生冲突，这就是我想动态传递id的原因，比如使用this表单当前表单。我想验证目前我写的所有表格

$('form#test').on('submit', function(e) {}

<form method="post" action="script.php" id="test" novalidate>
  //validation here
  <input type="submit" name="send" id="send" value="Send" />
</form>

此表单id =“test”我想在js中传递当前id。

Answer 1

您似乎正在尝试解决重复的id属性问题，而您不应该这样做。只需在所有表单上使用通用的class即可。如果您需要确定引发submit事件的表单，例如，请获取其子input元素，然后使用this关键字。试试这个：

＆＃13;

$('.example').on('submit', function(e) {  
  e.preventDefault();
  console.log(`You submitted the ${this.id} form!`);

  // validate the form here...
});

＆＃13;

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<form class="example" method="post" action="script.php" id="foo" novalidate>
  <input type="submit" name="send" id="send" value="Send" />
</form>

<form class="example" method="post" action="script.php" id="bar" novalidate>
  <input type="submit" name="send" id="send" value="Send" />
</form>

<form class="example" method="post" action="script.php" id="fizz" novalidate>
  <input type="submit" name="send" id="send" value="Send" />
</form>

<form class="example" method="post" action="script.php" id="buzz" novalidate>
  <input type="submit" name="send" id="send" value="Send" />
</form>

＆＃13;

如何使用jquery动态传递id

1 个答案: