How to add Jquery Mask Numeric to gridview inside textbox

Question

Dear All,

 

I have a gridview which has textbox, i want to add textbox numeric masking to this textbox. it is working outside gridview textbox but not working for inside gridview 

 

My Script Code for :

 

<script type="text/javascript">

var prm = Sys.WebForms.PageRequestManager.getInstance();

prm.add_pageLoaded(function () {

 

//Decimal 2 digit value

$("#<%=textbox1.ClientID %>.inputmask("numeric", {

placeholder: "0",

digits: 2,

digitsOptional: false,

radixPoint: ".",

groupSeparator: ",",

autoGroup: true,

allowPlus: false,

allowMinus: true,

clearMaskOnLostFocus: false,

removeMaskOnSubmit: true

 });

}); 

 </script>

My Gridview Code for:

 

<asp:GridView ID="asp:GridView1" runat="server"  Width="100%" AutoGenerateColumns="False">

<Columns>

<asp:TemplateField HeaderText="Amount" >

<ItemTemplate>

(in Rs.'000')

<asp:TextBox Style="text-align: right" ID="TextBox1" placeholder="0.00" runat="server" Text='<%# Eval("Amount") %>'  />

</ItemTemplate>

</asp:TemplateField>

</Columns> 

</asp:GridView>