jQuery:仅在具有 3 个表单的页面中将事件附加到 2 个表单

Question

我有一个包含 3 个表单的页面，每个表单都有其唯一的 id。我还有两个脚本，一个应该用两种形式调用，但不能用第三种形式调用，另一个只能用第三种形式调用。我只能通过像这样选择它来将脚本附加到第三个:

$("#third_form")

但是如何将其他脚本仅附加到第一个和第二个表单？我尝试将其附加到所有表单，如下所示:

$('form')

但显然这也附加到#third_form，所以我虽然可以检查提交的表单

var form = $(this);

if (form != '#third_form'){ ... }

但它不起作用。有什么想法吗？

Answer 1

您可以使用逗号分隔符 , 来传递多个选择器:

$('#first_form,#second_form')

希望这有帮助。

$('#first_form,#second_form').on('submit', function(){
  alert('First or Second_form');
})
$('#third_form').on('submit', function(){
  alert('Third form');
})

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<form id='first_form'>
  <input type='submit' value='First form submit'/>
</form>
<br/>
<form id='second_form'>
  <input type='submit' value='Second form submit'/>
</form>
<br/>
<form id='third_form'>
  <input type='submit' value='Third form submit'/>
</form>