将textbox textmode设置为number不在Javascript中工作

您好，当我将asp网格视图文本框设置为

TextMode=“Number”

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>

标记：

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

---

根据API，textmode用于将控件的文本模式设置为单行、多行或密码。在HTML中，文本框始终包含文本，但可以配置为单行文本框、多行文本框或密码文本框。在.NET中，textmode允许您确定服务器应在其对客户端的响应中发送HTML文本框的哪种变体