將文本框文本模式設置為數字在Javascript中不起作用

Question

您好，當我將asp網格視圖文本框TextMode="Number"為TextMode="Number"時，以下Javascript代碼將無法運行

Javascript：

$(document).ready(function() {
    $("[id*=gridpur]input[type=text][id*=txt]").on('keyup mouseup', (function(e) {
        var unitprice = $(e.target).closest('tr').find("input[type=text][id*=txtUnitprice]").val();
        var quantity = $(e.target).closest('tr').find("input[type=text][id*=txtQuantity]").val();
        var total = unitprice * quantity;
        $(e.target).closest('tr').find("[id*=lblTotal]").text(total);
    }));
});

標記：

<asp:GridView ID="gridpur" CssClass="table table-bordered text-nowrap" runat="server">
    <Columns>
        <asp:BoundField DataField="Product_Name" HeaderText="Product Name" SortExpression="Product_Name" />
        <asp:TemplateField HeaderText="Unit Price" SortExpression="UnitPrice">
            <EditItemTemplate>
                <asp:TextBox ID="txtUnitprice" CssClass="form-control" runat="server"></asp:TextBox>
            </EditItemTemplate>
            <ItemTemplate>
                <asp:TextBox ID="txtUnitprice" min="0" TextMode="Number" step="any" Text='<%# Bind("UnitPrice") %>' CssClass="form-control" placeholder="Enter Unit Price" runat="server"></asp:TextBox>
            </ItemTemplate>
        </asp:TemplateField>
        <asp:TemplateField HeaderText="Quantity" SortExpression="UnitPrice">
            <EditItemTemplate>
                <asp:TextBox ID="txtQuantity" CssClass="form-control" min="0" runat="server"></asp:TextBox>
            </EditItemTemplate>
            <ItemTemplate>
                <asp:TextBox ID="txtQuantity" min="0" TextMode="Number" step="any" CssClass="form-control" placeholder="Enter Quantity" runat="server"></asp:TextBox>
            </ItemTemplate>
        </asp:TemplateField>
        <asp:TemplateField HeaderText="Total Amount" SortExpression="UnitPrice">
            <EditItemTemplate>
                <asp:Label ID="lblTotal" runat="server" Text="0"></asp:Label>
            </EditItemTemplate>
            <ItemTemplate>
                <asp:Label ID="lblTotal" runat="server" Text="0"></asp:Label>
            </ItemTemplate>
        </asp:TemplateField>
    </Columns>
</asp:GridView>

Answer 1

根據API，textmode用於將控件的TEXT模式設置為single-line ， multiline或password 。 在HTML中，“文本”框始終包含“文本”，但可以配置為單行文本框，多行文本框或密碼文本框。 在.NET中，textmode允許您確定服務器應在響應中發送給客戶端的HTML文本框的哪個版本。

https://msdn.microsoft.com/zh-CN/library/system.web.ui.webcontrols.textbox.textmode(v=vs.110).aspx