webform验证textbox只准输入数字

最新推荐文章于 2023-08-15 16:32:08 发布

原创最新推荐文章于 2023-08-15 16:32:08 发布 · 3k 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#textbox #webform #server #asp #javascript

本文介绍了在ASP.NET中如何使用两种方法实现仅允许用户输入数字，并限制输入长度为五位的具体实现细节。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

一、利用javascript

<asp:TextBox id="TextBox1" onkeyup="value=value.replace(/[^/d]/g,'')" onbeforepaste="clipboardData.setData('text',clipboardData.getData('text').replace(/[^/d]/g,''))"
style="Z-INDEX: 101; LEFT: 264px; POSITION: absolute; TOP: 96px" runat="server" Width="224px"></asp:TextBox>

二、利用RegularExpressValidator
   <asp:TextBox id="TextBox2" style="Z-INDEX: 102; LEFT: 296px; POSITION: absolute; TOP: 224px"
    runat="server" Width="280px"></asp:TextBox>
   <asp:RegularExpressionValidator id="RegularExpressionValidator1" style="Z-INDEX: 103; LEFT: 320px; POSITION: absolute; TOP: 384px"
    runat="server" ErrorMessage="RegularExpressionValidator" ValidationExpression="^/d*" ControlToValidate="TextBox2">test</asp:RegularExpressionValidator>

上述是只准输入数字

限制输入位数5

<asp:RegularExpressionValidator id="RegularExpressionValidator1" runat="server" ControlToValidate="TextBox1" ValidationExpression="^/d{5}$" Display="Static" Font-Name="verdana" Font-Size="10pt" EnableClientScript="False">

if (Page.IsValid)
   {
    lblOutput.Text = "页有效！";
   }
   else
   {
    lblOutput.Text = "页无效！";
   }