JavaScript在asp.net的文本框中添加2個數字，不起作用

Question

這是我的JavaScript，可將2個文本框中的2個值相加到第三個文本中。...

它不起作用...

<script type="text/javascript">

    function calculate(ctrl1, ctrl2, ctrl3) {

        var c1 = document.getElementById(ctrl1);
        var c2 = document.getElementById(ctrl2);
        var c3 = document.getElementById(ctrl3);

        if (c1 != null && c2 != null & c3 != null) {
            c3.value = Number(c1.value) + Number(c2.value);

        }
        document.forms[0].txteanum.focus();

    }    
</script>

在文本框中

<asp:TextBox ID="txtQuantity" runat="server" onblur='javascript:calculate("txtQuantity","txtRate","TxtAmount")'></asp:TextBox>

在這里檢查我的答案https://stackoverflow.com/a/11624756/1445836

Answer 1

正確： if (c1 != null && c2 != null & c3 != null)

收件人： if (c1 != null && c2 != null && c3 != null)缺少&

對評論者：抱歉，我從未聽說過Number（），因為我通常不使用前端（尤其是前端的數學），大多數情況下不使用PHP / C＃。

另外， c2 ， c3是<input>的？

Answer 2

也許您無法獲得文本框。 您是否嘗試過將它們的clientidmode設置為靜態？

<asp:TextBox ID="txtQuantity" runat="server" onblur='javascript:calculate("txtQuantity","txtRate","TxtAmount")' ClientIDMode="static"></asp:TextBox>

Answer 3

這是為我工作的Java腳本

function Sum() {
                        var text1 = document.getElementById('<%= TextBox1.ClientID %>');
                        var text2 = document.getElementById('<%= TextBox2.ClientID %>');
                        if (text1.value.length == 0 || text2.value.length == 0) {
                                alert('Textbox1 and Textbox2 should not be empty');
                                return;
                        }

                        var x = parseInt(text1.value);
                        var y = parseInt(text2.value);
                        document.getElementById('<%= TextBox3.ClientID %>').value = x +y;
                }

進入.aspx頁面本身的文本框

<asp:TextBox ID="TextBox1" runat="server" onblur="Sum()"></asp:TextBox>
<asp:TextBox ID="TextBox2" runat="server" onblur="Sum()"></asp:TextBox>
<asp:TextBox ID="TextBox3" runat="server"></asp:TextBox>