設置文本框的文本模式進行編號在Javascript沒有工作

Question

你好下面的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> 

Answer 1

根據API，textmode用於設置TEXT mod e的控制權單行,多行或密碼。在HTML中，文本框始終包含TEXT，但可以配置爲單行文本框，多行文本框或密碼文本框。在.NET中，textmode允許您確定服務器在響應客戶端時應發送的HTML文本框的哪個變體。

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