JavaScriptによる背景ページとフォーム上のフィールドを区別しますか？

Question

2つのフィールド（ABCという）をJavaScriptで区別する必要があります。 私はメインページを持っており、その上に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 
});