클라이언트 측에서 textboxes 값의 합계를 확인하는 방법

Question

그룹의 텍스트 상자가있는 경우 그룹 하나라고 말하면 다른 그룹의 텍스트 상자는 두 개의 그룹을 말합니다. 그리드의 템플릿 편집에서 이제는 첫 번째 그룹의 합계는 클라이언트 측에서 두 번째 그룹의 합계와 같아 저장 또는 추가 할 수 있습니다.

---

EX :

txt1 
txt2 
txt3 
txt4 

내가 그 유효성을 검사 할 :

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

참고 :

하나 이러한 텍스트 상자의 이상이 비어있을 수 있으며, 이 경우 i 는 값을 고려하는 것이 사용 asp.net 유효성 검사기 같은 몇 가지 일을하는 방법

---

0

.

Answer 1

CustomValidators를 사용할 수 있습니다. https://msdn.microsoft.com/en-us/library/system.web.ui.webcontrols.customvalidator.aspx

다음은 시작하기위한 간단한 예입니다. 최대 인 min-등의 범위 당신은 정수가 아닌 값을 검사 포함 myCustomValidation을 확장 할 수 있습니다

<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>