通過JavaScript區分背景頁面上的字段和表單上的字段？

Question

我需要通過JavaScript區分兩個字段（命名為ABC）。 我有一個主頁，字段ABC出現在該主頁上，然后我有一個表格（添加了新內容的對話框）出現在該主頁的頂部。 現在，表格也具有字段ABC。

我想對表單上的字段進行處理，但是javaScipt會繼續在后台頁面上提取字段。

請任何可以幫助的人？ 提前謝謝了。

Answer 1

將數據屬性添加到字段或表單。

的HTML

<form data-which-form="main">
  <input type="text"name="abc">
  <input type="submit">
</form>
<form data-which-form="popup">
  <input type="text"name="abc">
  <input type="submit">
</form>

JS

$(document).on('submit','form',function(e){
  if($(this).data('which-form')=='main'){
   var mainAbc = $(this).find('input[name=abc]');
  }
  //do stuff
});