特定のクラスの要素の値の変更を見つける方法

Question

私は編集画面を持っています。選択、入力などの要素がたくさんあるセクションがあります。ユーザーが変更されたかどうかを調べる必要があります。 Jqueryを使用して既に存在していた値。 私はフォームを提出している間に価値の変化があったかどうかを調べなければなりません。

<div class="row"> 
<div class="form-group required"> 
<label class="control-label">Port</label> 
    <select name="portId" id="portId"> 
     <option value="">Select</option> 
     <option value="1">Chennai</option> 
     <option value="2">Kochi</option> 
    </select> 
</div> 
<div class="form-group required"> 
    <label class="control-label">Operator Name</label> 
    <input type="text" id="operatorName" name="operatorName"> 
</div> 
<div class="form-group required"> 
    <label class="control-label">Attachment</label> 
    <input type="file" id="file" name="file"> 
</div> 

Answer 1

、このようなdiv要素を考慮してこれらのイベントは、要素が変更または汚れてきたかどうかを確認するために使用されています。これを特にjQueryで実装する場合は、.change()は要素にバインドできるイベントです。

ダーティーチェックフォームでは、hereがNPMプラグインです。

Answer 2

あなたの質問を明確にundestandし、あなたに正しい答えを与えるために他の人を助けるあなたのコードスニペットを共有してください。とにかく、データ属性ex data-id = '1'の古い値を選択して入力して保存し、データ値と変更された値と比較するなど、すべての要素の変更イベントで発生する必要がある状況に依存します。

$("input").on("change", function() { 

    if($(this).text() != $(this).data('id')) 
    { 
     alert('you have changed'); 
    } 
});