單擊按鈕時檢查輸入字段值是否已更改

Question

我需要在提交表單之前檢查輸入字段上的值是否已更改。 這是我到目前為止的代碼：

JS

$(document).ready(function(){

    $('#submitButton').click(function() {

        if( $('input[name="inputToBeChecked"]').val() != 'Original input field value' {
            alert("Input field has changed!");
        } else {
            alert("Input field has not changed!");
        }

    });
});

HTML

<form>

  <input type="text" name="inputToBeChecked" id="inputToBeChecked" value="Original input field value">
  <a id="submitButton" type="button" class="btn" href="javascript:void(0);">Submit form</a>

</form>

Answer 1

輸入更改后只需設置一個標志

var flag = 0;
$('input[name="inputToBeChecked"]').change(function(){
   flag = 1;
});
$('#submitButton').click(function() {
   if(flag == 1){
     //yeah!
   }
});

如果發生更改，然后返回到初始狀態，也可能存在另一種情況。 然后，您可以只保存初始值。

var initialVal;
$(document).ready(function(){
   initialVal = $('input[name="inputToBeChecked"]').val();
});
$('#submitButton').click(function() {
   if($('input[name="inputToBeChecked"]').val() != initialVal){
      // initial value changed
   } else {
      // initial value either unchanged or changed and later reversed to initial state 
   }
});