加载页面时检查文本框的默认值更改

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上的一个按钮时，其实现会将相关字段的当前值与其默认值（页面加载时存储的默认值）进行比较。 如果它们相同，请进行正常处理。 如果它们不同，请执行所需的“例外情况”处理。

希望我能正确理解您的问题，并且这种方法可以使您走上正确的道路。 如果您需要我整理一些代码示例/代码片段，我将密切关注该线程。