したがって、基本的には、数字のみを受け入れたいテキストボックスがいくつかありますが、以下を使用してJQuery Imを使用して、ListView内のテキストボックスや別のasp.netページを操作することはできません。
$(document).ready(function () {
$("#<%= txtSearch.ClientID %>").keydown(function (event) {
// Allow: backspace, delete, tab, escape, and enter
if (event.keyCode == 46 || event.keyCode == 8 || event.keyCode == 9 || event.keyCode == 27 || event.keyCode == 13 ||
// Allow: Ctrl+A
(event.keyCode == 65 && event.ctrlKey === true) ||
// Allow: home, end, left, right
(event.keyCode >= 35 && event.keyCode <= 39)) {
// let it happen, don't do anything
return;
}
else {
// Ensure that it is a number and stop the keypress
if (event.shiftKey || (event.keyCode < 48 || event.keyCode > 57) && (event.keyCode < 96 || event.keyCode > 105)) {
event.preventDefault();
}
}
});
});
このコードはtxtSearchと呼ばれる通常のテキストボックスで機能しますが、txtSearchの内側にtxtQtyを挿入すると、機能しません:s
<asp:ListView ID="lvProducts" runat="server" OnItemCommand="lbProducts_ItemCommand" OnSelectedIndexChanged="lvProducts_SelectedIndexChanged">
<LayoutTemplate>
<div class="productoutercontainer">
<div id="itemPlaceHolder" runat="server"></div>
</div>
</LayoutTemplate>
<ItemTemplate>
<div class="productinnercontainer">
<img class="pics" src="<%#Eval("ProductImage") %>" alt="<%#Eval("ProductName") %>" title="<%#Eval("ProductName") %>" />
<asp:Label ID="lblName" runat="server" Text='<% # Eval("ProductName") %>' Font-Bold="true" Font-Size="Medium"></asp:Label><br /><br />
Quantity: <asp:TextBox ID="txtQty" runat="server" columns="3"/>
<asp:Button ID="btnAddToCart" runat="server" Text="Add To Cart" CssClass="button2" CommandArgument='<%# Eval("ProductId")%>' OnClick="btnAddToCart_Click" /> <br /><br /><br />
</div>
</ItemTemplate>
</asp:ListView>