文本框值的动态求和asp.net

在我的应用程序中，我有五个文本框。我想要做的任务是添加（总和）五个文本框中输入的值，并将其显示在第6个文本框中。我已经尝试了下面的代码，但没有显示添加。你能告诉我我在这里做错了吗？文本框值的动态求和asp.net

ASPX代码

<asp:TextBox ID="D1" runat="server" Width="50px" onkeypress="return validate(event)" onkeyup="calc()" ></asp:TextBox> 
      <asp:TextBox ID="D2" runat="server" Width="50px" onkeypress="return validate(event)" onkeyup="calc()" ></asp:TextBox> 
      <asp:TextBox ID="D3" runat="server" Width="50px" onkeypress="return validate(event)" onkeyup="calc()" ></asp:TextBox> 
      <asp:TextBox ID="D4" runat="server" Width="50px" onkeypress="return validate(event)" onkeyup="calc()" ></asp:TextBox> 
      <asp:TextBox ID="D5" runat="server" Width="50px" onkeypress="return validate(event)" onkeyup="calc()" ></asp:TextBox> 


Total Hours<asp:TextBox ID="Total" runat="server" Width="50px" ReadOnly="True"></asp:TextBox>

的JavaScript

<script type="text/javascript"> 

     //Function to allow only numbers to textbox 

     function validate(key) { 
      //getting key code of pressed key 
      var keycode = (key.which) ? key.which : key.keyCode; 
      var phn = document.getElementById('D1'); 
      var phn1 = document.getElementById('D2'); 
      var phn2 = document.getElementById('D3'); 
      var phn3 = document.getElementById('D4'); 
      var phn4 = document.getElementById('D5'); 
      //comparing pressed keycodes 
      if (!(keycode == 8 || keycode == 46) && (keycode < 48 || keycode > 57)) { 
       return false; 
      } 

     } 

     void function calc(dat) { 
      var a1, a2, a3, a4, a5, total, pp; 

      a1 = document.getElementById("<%=D1.ClientID%>").value; 
      a2 = document.getElementById("<%=D2.ClientID%>").value; 
      a3 = document.getElementById("<%=D3.ClientID%>").value; 
      a4 = document.getElementById("<%=D4.ClientID%>").value; 
      a5 = document.getElementById("<%=D5.ClientID%>").value; 


      total = parseInt(a1) + parseInt(a2) + parseInt(a3) + parseInt(a4) + parseInt(a5); 

      document.getElementById(<%=Total%>).value = total; 

     } 

</script>

来源

2014-01-27 SPandya

你缺少引号'（<%=Total%>）'也许应该是'（ “％=总％>”） '像你的其他getElement *调用 –

在'validate（）'方法中也使用''<％= D1.ClientID％>'.. etc'。在calc（）' – mshsayem

里面使用''<％= Total.ClientID％>''它给了我一个错误，'0x800a1391 - JavaScript运行时错误：'calc'未定义' – SPandya

DEMO FIDDLE

** ** HTML

  <asp:TextBox ID="D1" runat="server" Width="50px" CssClass="sum"></asp:TextBox> 
      <asp:TextBox ID="D2" runat="server" Width="50px" CssClass="sum"></asp:TextBox> 
      <asp:TextBox ID="D3" runat="server" Width="50px" CssClass="sum"></asp:TextBox> 
      <asp:TextBox ID="D4" runat="server" Width="50px" CssClass="sum"></asp:TextBox> 
      <asp:TextBox ID="D5" runat="server" Width="50px" CssClass="sum"></asp:TextBox> 


Total Hours<asp:TextBox ID="Total" runat="server" Width="50px" ReadOnly="True" ClientIDMode=static"></asp:TextBox>

** **的Jquery

$('.sum').keydown(function(e) { 
     //getting key code of pressed key 
     var keycode = (e.which) ? e.which : e.keyCode; 
     //comparing pressed keycodes 
     if (!(keycode == 8 || keycode == 46) && (keycode < 48 || keycode > 57)) { 
      e.preventDefault(); 
     } 
    }); 

    $('.sum').keyup(function(e) { 
     var total=0; 
     var current; 
     $('.sum').each(function(){ 
      current=parseInt($(this).val()); 
     if($.isNumeric(current)) 
     { 
      total+= current;    
     } 
     }); 
     $("#Total").val(total); 

    });

来源

2014-01-27 05:37:33

小提琴工作正常，但不工作，当我尝试用visual studio 2012 – SPandya

@SPandya您是否为整个文本框添加了clientidmode = static？keyup和keydown发生了什么？ –

是的，我做到了。现在我也可以输入字母值。这应该不存在 – SPandya

PLZ检查修改：

<script type="text/javascript"> 

    function validate(key) { 

     //getting key code of pressed key 
     var keycode = (key.which) ? key.which : key.keyCode; 
     var phn = document.getElementById('D1'); 
     var phn1 = document.getElementById('D2'); 
     var phn2 = document.getElementById('D3'); 
     var phn3 = document.getElementById('D4'); 
     var phn4 = document.getElementById('D5'); 
     //comparing pressed keycodes 
     if (!(keycode == 8 || keycode == 46) && (keycode < 48 || keycode > 57)) { 
      return false; 
     } 

    } 
    function calc() { 
     var a1, a2, a3, a4, a5, total, pp; 

     a1 = document.getElementById("<%=D1.ClientID%>").value; 
     a2 = document.getElementById("<%=D2.ClientID%>").value; 
     a3 = document.getElementById("<%=D3.ClientID%>").value; 
     a4 = document.getElementById("<%=D4.ClientID%>").value; 
     a5 = document.getElementById("<%=D5.ClientID%>").value; 

     total = parseInt(a1) + parseInt(a2) + parseInt(a3) + parseInt(a4) + parseInt(a5); 

     if ($.isNumeric(total)) { 
      $('#Total').val(total); 
     } 

    } 

</script>

来源

2014-01-27 05:18:39 Prasad

文本框值的动态求和asp.net

回答

相关问题