如何将jqury用于多个文本框以仅限制数字 [英] How to use jqury for multiple text boxes to restrict only numbers

问题描述

-场景

-现在以下代码可以正常工作.但是页面中有两个文本框.但是我不想为other(2nd)文本框编写以下代码.是否可以在下面的代码中在此处添加othertextbox(2nd)id. ?

--Scenario

--Now the below code is working fine. But there are two textbox in the page. But i dont want to write the below code for the other(2nd) textbox. Is it possible to add the othertextbox(2nd) id here in the below code. ?

<script type="text/javascript">
   $(function() {
   $('[id*=txtdistanceops]').keydown(function(e) {
           if (e.shiftKey || e.ctrlKey || e.altKey) {
               e.preventDefault();
           } else {
               var key = e.keyCode;
               if (!((key == 8) || (key == 46) || (key >= 35 && key <= 40) || (key >= 48 && key <= 57) || (key >= 96 && key <= 105)))

               {

                   e.preventDefault();

                   alert("Please enter numeric value!");

                   $('[id*=txtdistanceops]').val('');



               }

           }

       });

   });

   </script>

   <script type="text/javascript">

--aspx页面

--aspx page

<asp:TemplateField HeaderText="Approved Km By Ops">
                    <ItemTemplate>
                        <asp:TextBox ID="txtdistanceops" MaxLength="6" CssClass="textBox_for6tds" runat="server"

                            Text='<%#Bind("distanceByOps") %>'>  </asp:TextBox>
                    </ItemTemplate>
                    <ItemStyle HorizontalAlign="center" />
                </asp:TemplateField>
                <asp:TemplateField HeaderText="Approved Km By CTV" Visible="false">
                    <ItemTemplate>
                        <asp:TextBox ID="txtdistancectv" MaxLength="6" CssClass="textBox_for6tds" runat="server">  </asp:TextBox>
                    </ItemTemplate>
                    <ItemStyle HorizontalAlign="center" />
                </asp:TemplateField>

请指导我.

Please guide me.

推荐答案

(function(){

(function() {

('[id * = txtdistanceops]').keydown(功能(e){ 如果(e.shiftKey || e.ctrlKey || e.altKey){ e.preventDefault(); } 别的 { var key = e.keyCode; if(！((key == 8)||(key == 46)||(key> = 35&& key < = 40) > = 48&&键< = 57) || (key > = 96&&键< = 105))) span> { span> 输入 数字 值！); span>

('[id*=txtdistanceops]').keydown(function(e) { if (e.shiftKey || e.ctrlKey || e.altKey) { e.preventDefault(); } else { var key = e.keyCode; if (!((key == 8) || (key == 46) || (key >= 35 && key <= 40) || (key >= 48 && key <= 57) || (key >= 96 && key <= 105))) { e.preventDefault(); alert("Please enter numeric value!");

('[id * = txtdistanceops]' ).val(''); span> } span> } span> }); })； </script > < 脚本 =" 文本/javascript"

('[id*=txtdistanceops]').val(''); } } }); }); </script> <script type="text/javascript">

--aspx页面

--aspx page

<asp:TemplateField HeaderText="Approved Km By Ops">
                    <ItemTemplate>
                        <asp:TextBox ID="txtdistanceops" MaxLength="6" CssClass="textBox_for6tds" runat="server"

                            Text='<%#Bind("distanceByOps") %>'>  </asp:TextBox>
                    </ItemTemplate>
                    <ItemStyle HorizontalAlign="center" />
                </asp:TemplateField>
                <asp:TemplateField HeaderText="Approved Km By CTV" Visible="false">
                    <ItemTemplate>
                        <asp:TextBox ID="txtdistancectv" MaxLength="6" CssClass="textBox_for6tds" runat="server">  </asp:TextBox>
                    </ItemTemplate>
                    <ItemStyle HorizontalAlign="center" />
                </asp:TemplateField>

请引导我.

Please guide me.

这篇关于如何将jqury用于多个文本框以仅限制数字的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！