クライアント側のテキストボックス値の合計を検証する方法

Question

テキストボックスのグループがある場合、グループ1と言います。また、別のグループのテキストボックスは、グリッドビューのテンプレートの編集の2つのグループを表します。第1のグループの総和は、クライアント側の第2のグループの総和と等しく、保存または追加を可能にする。

---

EX：

txt1 
txt2 
txt3 
txt4 

私はそれを検証する：

Decimal.Parse(txt1.Text)+ Decimal.Parse(txt2.Text) = Decimal.Parse(txt3.Text)+ Decimal.Parse(txt4.Text) 

注：これらのテキストボックスの

一つ以上が空でもよいし、この場合、私は は値のasp.netバリデータを使用して、そのようないくつかのことを行う方法0

---

考えます。

Answer 1

CustomValidatorsを使用できます。 https://msdn.microsoft.com/en-us/library/system.web.ui.webcontrols.customvalidator.aspx

以下は、ごく簡単な例です。あなたは、文字列の連結を比較したいか、またはテキストボックスに数字が含まれていると、あなたが追加を比較したいん等の最小 - 最大の範囲、非整数値のチェックを含めるように

<asp:TextBox ID="TextBox1" runat="server" ValidationGroup="myGroup"></asp:TextBox> 
    <br /> 
    <asp:TextBox ID="TextBox2" runat="server" ValidationGroup="myGroup"></asp:TextBox> 
    <br /> 
    <asp:TextBox ID="TextBox3" runat="server" ValidationGroup="myGroup"></asp:TextBox> 
    <br /> 
    <asp:TextBox ID="TextBox4" runat="server" ValidationGroup="myGroup"></asp:TextBox> 
    <br /><br /> 
    <asp:Button ID="Button1" runat="server" Text="Button" ValidationGroup="myGroup" /> 
    <br /> 
    <asp:CustomValidator ID="CustomValidator1" runat="server" ErrorMessage="Error adding TextBox values" ValidationGroup="myGroup" ClientValidationFunction="myCustomValidation"></asp:CustomValidator> 

    <script type="text/javascript"> 
     function myCustomValidation(oSrc, args) { 
      var tb1 = document.getElementById('<%=TextBox1.ClientID %>').value; 
      var tb2 = document.getElementById('<%=TextBox2.ClientID %>').value; 
      var tb3 = document.getElementById('<%=TextBox3.ClientID %>').value; 
      var tb4 = document.getElementById('<%=TextBox4.ClientID %>').value; 

      if (tb1 == "" || tb2 == "" || tb3 == "" || tb4 == "") { 
       //to make sure the validator fires if one or more textboxes are left empty 
       args.IsValid = false; 
      } else if (((tb1 + tb2) == (tb3 + tb4))) { 
       args.IsValid = true; 
      } else { 
       args.IsValid = false; 
      } 
     } 
    </script>