加載頁面時檢查文本框的默認值更改

Question

我在頁面上有兩種形式。

第一個有幾個數量文本框，這些文本框在頁面加載時填充了各自的默認值，這些默認值顯然可以更改。 頁面上也可能有1、2、3個或更多這些文本框，因此腳本必須對此進行說明。 每個文本框將具有一個順序名稱“ Quantity1，Quantity2等”，並且ID也將相同。

我要做的是檢查是否已更改其默認值，並且在第二個表單中單擊任一按鈕時，是執行第一個表單的按鈕而不是第二個表單的按鈕動作。

現在，如果任何輸入文本框中都沒有更改，則第二個表單的按鈕可以並且應該像平常一樣工作。 這可能嗎，如果可以，則首選jquery方法？

注意：我在這里刪除了很多不必要的代碼，因此僅顯示相關內容。

<form method="POST" name="form" action="ShoppingCart.asp" onsubmit="if (typeof(Update_Hidden_State_Fields)=='function') Update_Hidden_State_Fields(); if (this.submitted) return false; else {this.submitted=true; return true;}">
<td><center><input type="text" maxlength="7" size="5" value="5" name="Quantity1" id="Quantity1"><center></td>
<td><center><input type="text" maxlength="7" size="5" value="2" name="Quantity2" id="Quantity2"><center></td> 
<td><center><input type="text" maxlength="7" size="5" value="5" name="Quantity3" id="Quantity3"><center></td>
<td width="135" align="right"><input border="0" type="image" id="btnRecalculate" name="btnRecalculate" src="v/vspfiles/templates/100/images/buttons/btn_recalculate.gif" alt="Recalculate Totals"></td>

這是當單擊其中的任何一個按鈕並且上面的表單中的任何輸入框都已更改以執行第一個表單按鈕動作時所用的表單。

<form name="Proceed_To_Checkout_Form" method="post" action="https://www.dothisurl.com/login.asp">
<td><input type="image" src="v/vspfiles/templates/100/images/buttons/btn_checkout_guest.gif" name="btn_checkout_guest"></td>
<td><input type="image" src="v/vspfiles/templates/100/images/buttons/btn_checkout_guest.gif" name="btn_checkout_guest"></td>

Answer 1

我會嘗試：

$(function(){
  $("[id^='Quantity']").each(function(){
    $(this).data('default', $(this).val());
  });

  $("[name='Proceed_To_Checkout_Form']").submit(function(){
    var hasChanged = false;
    $("[id^='Quantity']").each(function(){
      if($(this).val() != $(this).data('default')){
        hasChanged = true;
      }
    });
    if(hasChanged){
      $("#btnRecalculate").click();
      return false;
    }
  });
});

Answer 2

在頁面加載時，您可以將字段的當前值（我認為是默認值）存儲到本地js變量中-很可能是數組，以處理可能存在1個，2個或3個值的事實要存儲。 一旦存儲了這些默認值，其余的就應該相對容易了：

單擊Form2上的一個按鈕時，其實現會將相關字段的當前值與其默認值（頁面加載時存儲的默認值）進行比較。 如果它們相同，請進行正常處理。 如果它們不同，請執行所需的“例外情況”處理。

希望我能正確理解您的問題，並且這種方法可以使您走上正確的道路。 如果您需要我整理一些代碼示例/代碼片段，我將密切關注該線程。