输入框中只能输入数字

      "Syetem.Windows.Froms",为"KeyDown"、"KeyUp"的事件提供数据的类是"KeyEventArgs"。而为"KeyPress"事件提供数据的类是"KeyPressEventArgs"。

         KeyPress主要用来捕获数字(注意:包括Shift+数字的符号)、字母(注意:包括大小写)、小键盘等除了F1-12、SHIFT、Alt、Ctrl、Insert、Home、PgUp、Delete、End、PgDn、ScrollLock、Pause、NumLock、{菜单键}、{开始键}和方向键外的ANSI字符 。所以我用keypress限制我的输入。

        格式:"组件名称"."事件名称"+= new Syetem.Windows.Froms.KeyPressEventHandler("事件名称");

具体如下:

1)首先对输入框textbox1添加了键盘事件

textbox1.KeyPress += new System.Windows.Forms.KeyPressEventHandler(text_KeyPress);
textbox1.TextChanged += new EventHandler(text_TextChanged);

2)下面只要粘上以下的两个函数就可以了

private void text_KeyPress(object sender, KeyPressEventArgs e) {
       e.Handled = !(Char.IsNumber(e.KeyChar) || e.KeyChar == (char)8 || e.KeyChar == '.');
       if (!e.Handled) (sender as TextBox).Tag = (sender as TextBox).Text;//记录最后一次正确输入  
}

       

 private void text_TextChanged(object sender, EventArgs e) {
      if (!System.Text.RegularExpressions.Regex.IsMatch((sender as TextBox).Text, @"^(?!0\d)\d+(\.\d*)?$"))
      {
          int index = (sender as TextBox).SelectionStart;
          (sender as TextBox).Text = (sender as TextBox).Tag as string;
          (sender as TextBox).SelectionStart = index;
       }
 } 

3)假如我想要在其他函数中去调用事件text_TextChanged,方法是如下:

text_TextChanged(textbox1, new EventArgs());

 

4)我才发现我在网上找的text_TextChanged这段代码有点问题:输入框中个位的数字无法删除。

有人告诉我:因为空字符串不匹配@"^(?!0\d)\d+(\.\d*)?$"),这样文件就是用tag中的值(个位数);所以添加判断
if ((sender as TextBox).Text == "")
            {
                return;
            }
加个判断,如果为空字符串,不判断正则。

今天在这补充上吐舌头第四点

 

 

 

### 实现方法 为了确保用户在 `ElementUI` 的输入框只能输入数字,可以采用多种方式来实现这一需求。一种常见的方式是在 `<el-input>` 组件上使用 `oninput` 属性配合正则表达式来过滤掉非数字字符。 #### 方法一:使用 `oninput` 和 正则表达式 通过设置 `oninput` 事件处理程序,在每次用户输入时立即移除非数字字符: ```html <el-input v-model.trim="iptNum1" placeholder="请输入该内容分值" maxlength="3" minlength="1" oninput="value=value.replace(/[^\d]/g,'')" > </el-input> ``` 这种方法简单有效,能够即时阻止任何非法字符进入输入框[^1]。 #### 方法二:结合 Vue.js 数据验证 另一种更为灵活的方法是利用 Vue.js 的双向绑定特性以及自定义函数来进行更复杂的逻辑控制。可以在组件内定义一个辅助函数用于确认整数值,并将其应用于键盘抬起事件(`@keyup`): ```javascript methods: { confirmInteger(value) { let newValue = value.toString().replace(/[^0-9]/g, ''); return Number(newValue); } } ``` 然后将此方法应用到输入框: ```html <el-input style="width: 30%;" v-model="form.time1" @keyup.native="form.time1 = confirmInteger(form.time1)" > <template slot="append">天</template> </el-input> ``` 这种方式不仅限于简单的字符替换,还可以扩展为更加复杂的数据校验逻辑[^4]。 #### 方法三:表单规则验证 对于需要严格遵循特定格式的情况,比如保留两位小数点后的数字,则可以通过配置 `el-form-item` 中的 rules 来完成初步筛选后再做进一步处理: ```html <el-form-item label="参与调度用户比例" prop="user_proportion" :rules="[{ required: true, message: '请补充', trigger: 'blur' }]" > <el-input v-model="form1.user_proportion" oninput="value=value.replace(/[^\d.]/g,'').replace(/^(\..*)/,'$1')" style="width:100%" > <template slot="append">% </template> </el-input> </el-form-item> ``` 上述例子展示了如何允许带有小数点的数字输入,同时防止多个连续的小数点出现[^2].
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值