送信ボタンをクリックしたときにフォームに変更があるかどうかを確認します。

Question

2つのテキストボックスを持つフォームがあります。ボックスにデータを入力するには、 データベースからデータを取得しています。私のユーザーがサブミットボタン をクリックして2つのテキストボックスの内容が変わらないときは、コード に行きたいです。

ボックスの内容が変更された時期と変更されない時期はどのようにして判断できますか？ 私は私が記憶しているものと何らかの比較をする必要がありますか？

 public ActionResult Edit(profile objprofiler) 
     { 
      if (ModelState.IsValid) 
      { 
       //Go fetch the existing profile from the database 
       var currentProfile = db.Profiles.FirstOrDefault(p => p.ProfileId == objprofiler.ProfileId); 
       //Update the database record with the values from your model 
       currentProfile.City = objprofiler.City; 
       currentProfile.State = objprofiler.State; 
       //Commit to the database! 
       db.SaveChanges(); 
       ViewBag.success = "Your changes have been saved"; 
       return View(profiler); 
      } 
     } 

Answer 1

単純なifの条件で値を比較することができます。このようなもの：

if ((currentProfile.City != objprofiler.City) || (currentProfile.State != objprofiler.State)) 
{ 
    currentProfile.City = objprofiler.City; 
    currentProfile.State = objprofiler.State; 

    db.SaveChanges(); 
} 

本当に達成しようとしているロジックを使用してください。各フィールドを個別に比較するかどうかは、||の代わりに&&などを使用します。実装する論理はあなた次第です。しかし、ifステートメントで比較を実行します。

==演算子の代わりにstring.Equals()演算子を使用して、文字列を大文字と小文字の区別オプションやその他の有用なオプションなどのいくつかのオプションと比較することもできます。

---

比較がより複雑になった場合、あなたはまたprofileオブジェクト自身でそれをカプセル化するかもしれません。おそらく.Equals()をオーバーライドすることによって、それは同等であるかどうかをテストするときには別の意味があります。たぶん、単純なヘルパー関数：

public bool IsEqualTo(profile obj) 
{ 
    return this.City == obj.City 
     && this.State == obj.State; 
} 

は、次に、あなたがちょうどそのメソッドを使用することができ、コントローラに：

if (!currentProfile.IsEqualTo(objprofiler)) 
    db.SaveChanges(); 

Answer 2

私は一般的にこれを処理する方法には、任意の時間にデータを「汚い」フラグを設定することです変更イベントは、フォームのコントロールのいずれかで発生します。

ユーザーがフォームを送信すると、フラグの状態をチェックして、変更を保存する必要があるかどうかを確認するだけです。これにより、すべてのデータを以前の状態と比較する必要がなくなります。これは、フォームに多くの入力コントロールがある場合には迷惑になる可能性があります。例えば

：

bool isDirty; 

    private void textBox_TextChanged(object sender, EventArgs e) 
    { 
     // Possible validation here 
     SetDirty(true); 
    } 

    private void SetDirty(bool dirty) 
    { 
     // Possible global validation here 
     isDirty = dirty; 
    } 

    private void Submit() 
    { 
     if(isDirty) 
     { 
      // Save logic 
     } 
    } 

このアプローチは、任意のデータが変更されるたびに、あなたが任意のグローバル検証ロジックを実行することができます。

警告：：ユーザーが変更を加えて元に戻すと、フォームは引き続きデータを送信します。

Answer 3

クライアント側では、要素の値を初期値と比較するためにいくつかのjを実行することによって値が変更されたかどうかを確認できます。このようなもの。

function hasFormChanged() { 
    //textboxes, textareas 
    var els = document.querySelectorAll('input[type="text"], textarea, input[type="number"]'); 
    for (i = 0; i < els.length; i++) { 
     var el = els[i]; 
     if (el.value !== el.defaultValue) { 
      return true; 
     } 
    } 

    //checkboxes and radios 
    els = document.querySelectorAll('input[type="radio"], input[type="checkbox"]'); 
    for (i = 0; i < els.length; i++) { 
     var el = els[i]; 
     if (el.checked !== el.defaultChecked) { 
      return true; 
     } 
    } 

    //select 
    els = document.querySelectorAll('select'); 
    for (i = 0; i < els.length; i++) { 
     var el = els[i]; 
     if (el.options[el.selectedIndex].value != '') { 
      if (!el.options[el.selectedIndex].defaultSelected) { 
       return true; 
      } 
     } 
    } 

//if we get here then nothing must have changed 
return false; 
} 

とその機能は何かがあなたがtrueにこの

<input type="hidden" value="false" id="AnyUpdates" name="AnyUpdates"/> 

のような隠しフォームの値を設定することができます変更されたことを示すtrueを返します。

あなたのコントローラのアップデートでは、そのフィールドを読んで、あなたがあなたのDBを処理する必要があるかどうかを判断します。