如何使某一个输入框 只响应 数字键 小数点和backspace键

最新推荐文章于 2021-04-14 10:47:05 发布
最新推荐文章于 2021-04-14 10:47:05 发布
阅读量547 收藏
点赞数
分类专栏： .NET C#.net
本文介绍了一种字符输入验证的方法，确保只允许数字和小数点输入。通过简单的条件判断，该方法有效地限制了非法字符的输入，适用于需要精确数值输入的应用场景。

(e.KeyChar=='.'||(e.KeyChar>='0'&&e.KeyChar<='9')


 

C# 如何关联键盘按钮 （KeyChar/KeyCode值 KeyPress/KeyDown事件 区别）
cc198877的专栏
01-16 8405
1. 首先将窗口属性KeyPreview设为true，如果属性对话框中找不到，就直接在代码里添加； 2. 添加KeyPress / KeyDown事件： KeyPress 和KeyDown 、KeyPress之间的区别：     1）.KeyPress主要用来捕获数字(注意：包括Shift+数字的符号)、字母（注意：包括大小写）、小键盘等除了F1-12、SHIFT、Alt、Ctrl、
WinForm 中限制只能输入数字
weixin_30687811的博客
07-05 424
在Winform(C#)中要实现限制Textbox只能输入数字，一般的做法就是在按键事件中处理，判断keychar的值。限制只能输入数字，小数点，Backspace，del这几个键。数字0~9所对应的keychar为48~57，小数点是46，Backspace是8。拖一个Textbox到窗体上，添加OnKeyPress事件，在事件写判断的代码，只要判断不是这些键，设置e.Han...
[收 藏]javascript keycode大全 C#中的e.keyChar貌似也是这些值
kingisking1的专栏
12-22 3919
keycode    8 = BackSpace BackSpace keycode    9 = Tab Tab keycode   12 = Clear keycode   13 = Enter keycode   16 = Shift_L keycode   17 = Control_L keycode   18 = Alt_L keycode   19 = Pause keycode   20 = Caps_Lock keycode   27 = Escape Escape
C# 文本输入限制类型，datagridview单元格输入验证
波波诸葛伟
04-14 944
1.只能输入double类型 private void textBoxX6_KeyPress(object sender, KeyPressEventArgs e) { { //数字09所对应的keychar为4857，小数点是46，Backspace是8 e.Handled = true; //输入0-9和Backspace del 有效 if ((e.KeyChar >= 47 && e.KeyChar <= 58) || e.KeyChar == 8) { e.Handle
C# 如何捕获键盘按钮和组合键以及KeyPress/KeyDown事件之间的区别 （附KeyChar/KeyCode值）
wobckr的博客
06-05 7800
1. 首先将窗口属性KeyPreview设为true，如果属性对话框中找不到，就直接在代码里添加； 2. 添加KeyPress / KeyDown事件：1、KeyPress 和KeyDown 、KeyPress之间的区别 1）KeyPress主要用来捕获数字(注意：包括Shift+数字的符号)、字母（注意：包括大小写）、小键盘等除了F1-12、SHIFT、Alt、Ctrl、Insert...
C# TextBox中只允许输入数字的方法
一碗豆浆
08-15 1998
1.在Winform(C#)中要实现限制Textbox只能输入数字，一般的做法就是在按键事件中处理， 判断keychar的值。限制只能输入数字，小数点，Backspace，del这几个键。数字0～9所 对应的keychar为48～57，小数点是46，Backspace是8，小数点是46。  2.输入小数点。输入的小数要符合数字的格式，类似9.9.9这样的是不能够输入的。做法就是用float
javascript 响应键盘特定按键(只响应数字键)
10-30
在这个场景中，我们专注于只响应数字键的输入，例如用户在输入框中输入数字时，允许数字键、退格键、小数点（如果需要）以及其他一些基本导航键（如左箭头、右箭头和删除键）。下面将详细介绍如何实现这一功能。 ...
wpf模拟数字键盘，小键盘开发
06-11
1. **文本框绑定**：为了将模拟键盘的输入映射到实际的文本输入，我们可以绑定一个`TextBox`控件，当按下数字键时，将内容添加到文本框中。 ```xml ``` 2. **输入处理**：在`Click`事件处理程序中，将按键内容...
js限制input只能输入有效的数字(第一个不能是小数点).docx
01-21
- **检查是否已存在小数点**：如果输入框中已经存在了一个小数点，再输入小数点则阻止。 - **限制输入范围**：确保用户只能输入数字和小数点，同时允许删除操作(`Backspace`)。 - **处理失去焦点情况**：当输入框...
MFC 编辑框控制只输入小数，并控制小数位数，整数位数，值
07-27
本篇文章将深入探讨如何在MFC应用中实现一个特殊的编辑框，仅允许用户输入小数，并且能够限制小数位数和整数位数。 首先，我们需要理解MFC编辑框的基本用法。CEdit类是MFC对Windows API中的EDIT控件的封装，我们...
纯数字键盘123.rar
08-23
数字键盘通常由0-9的数字键、可能包括小数点（.）和清除键（C或Backspace）组成。这样的键盘设计排除了字母和其他特殊字符，确保用户只能输入预期的数字信息。这对于数据安全和输入准确性来说是非常关键的，特别是在...
e.KeyChar用到的键盘对应ASCII码值（转）
weixin_30480651的博客
06-17 1313
十进制编码 （对应）缩写字符（或功能/解释） 　　0 NUL(null) 空字符 　　1 SOH(start of headline) 标题开始 　　2 STX (start of text) 正文开始 　　3 ETX (end of text) 正文结束 　　4 EOT (end of transmission) 传输结束 　　5 ENQ...
删除键（退格键）触发事件
weixin_30858241的博客
08-02 2991
$(function () { $("body").keydown(function (event) { if (event.keyCode == 8) { alert(1); } });});另附上键码以及示例：http://www.cnblogs.com/daysme/p/6272570.html（感谢大佬提供资源，小生在此...
e.KeyValue、e.KeyChar 都可以获得键盘的输入值，请问两种在用法和功能上有什么区别？
沙漠里的鱼
10-08 7546
e.KeyValue、e.KeyChar 都可以获得键盘的输入值，请问两种在用法和功能上有什么区别？2009-08-29 15:47KeyChar是在keyPressEvent里面获得的char类型返回值， KeyValue取得KeyDown 或KeyUp事件的键盘值，返回的整形  if ((Keys)e.KeyChar == Keys.Back) retu
C#（KeyChar）键值对照表
热门推荐
wuzhanwen的博客
11-15 4万+
KeyCode最为常用，记录了键盘上按了哪个键，当使用组合键时如ctrl+a，其值是"A"； KeyData可以记录组合键，当使用组合键时如ctrl+a时，其值为"A,ctrl"； KeyValue则是KeyCode的数字值，当使用组合键时如ctrl+a时，其值为65（A），注意不是97（a）；   虚拟键值表 虚拟键 十六进制值 十进
屏蔽"Backspace"(退格)键后退功能
yaoyanzhu的博客
11-16 1783
屏蔽"Backspace"(退格)键后退功能2008-01-17 16:18本来这个脚本不难,但是我接到的需求可不太容易实现 创建工单时，屏蔽"Backspace"键后退功能 需求描述: 创建工单时，光标在非文本框内，按"Backspace"键，整个页面会刷新，填写内容全部清空，应屏蔽此功能。 难点在于该页面并不是完全屏蔽掉退格键.而是有选择的屏蔽. 入下面图片中的页面 ...
extjs实现数字键盘输入框
最新发布
07-30
<think>我们参考提供的引用内容，特别是引用[1]中提到了Ext.form.field.Number（xtype: numberfield）是专门用于数字输入的表单字段，它内置了数字验证和范围限制功能。引用[3]和[4]则展示了通过监听事件或正则表达式来限制输入的方法。 根据用户需求，实现一个仅允许数字输入的输入框，我们可以有以下几种方法： 1. 使用Ext JS自带的`numberfield`（推荐）：这是最直接的方法，因为它已经内置了数字验证和键盘输入过滤。 2. 使用`textfield`并通过正则表达式或监听事件来限制输入：当需要更灵活的控制（如允许负号、小数点等）时，可以通过自定义验证来实现。 下面分别说明这两种方法： ### 方法一：使用Ext.form.field.Number（numberfield） 这是最简单的方式，示例代码如下： ```javascript { xtype: 'numberfield', fieldLabel: '数字输入框', name: 'numericField', allowBlank: false, // 是否允许为空 minValue: 0, // 最小值（可选） maxValue: 100, // 最大值（可选） decimalPrecision: 2, // 小数位数（可选，默认为2） // 其他配置... } ``` `numberfield`会自动限制用户只能输入数字（包括小数点和负号，但可以通过配置`minValue`和`maxValue`来限制正负），并且会进行验证。 ### 方法二：使用textfield并添加输入限制 如果因为某些原因不能使用`numberfield`（例如需要自定义输入格式），则可以通过监听键盘事件或使用正则表达式验证来实现。 #### 方式1：使用正则表达式验证（在blur时验证） 示例代码（参考引用[3]和[4]）： ```javascript { xtype: 'textfield', fieldLabel: '数字输入框', name: 'numericField', regex: /^-?\d*\.?\d+$/, // 匹配整数或小数（包括负数） regexText: '请输入有效的数字', // 验证失败时的提示 // 或者使用validator函数进行更复杂的验证 validator: function(value) { if (value === '') return true; // 如果允许为空，则这里可以跳过 return /^-?\d*\.?\d+$/.test(value) ? true : '请输入有效的数字'; } } ``` #### 方式2：监听键盘事件（在输入时过滤） 在输入时过滤非数字字符： ```javascript { xtype: 'textfield', fieldLabel: '数字输入框', name: 'numericField', listeners: { keypress: function(field, e) { var charCode = e.getCharCode(); // 允许数字0-9、小数点（.）、负号（-）以及退格、删除等控制键 if ((charCode >= 48 && charCode <= 57) || // 0-9 charCode === 46 || // . charCode === 45 || // - charCode === 8 || // backspace charCode === 9 || // tab charCode === 13 || // enter charCode === 0) { // 其他控制键（如方向键） return true; } e.stopEvent(); return false; } } } ``` 注意：这种方式需要小心处理，因为不同键盘布局可能有所不同。另外，还要考虑粘贴操作，所以最好再结合验证器（validator）或正则表达式（regex）进行验证。 ### 总结 - 推荐使用`numberfield`，因为它已经内置了数字输入的处理和验证，并且支持更多数字相关的配置（如小数位数、最大值、最小值等）。 - 如果需要自定义输入格式（比如只允许整数），则可以通过配置`numberfield`的`decimalPrecision`为0，或者使用`textfield`并添加自定义验证。 ### 相关问题 1. 如何限制`numberfield`只能输入正整数？ 2. 在Ext JS中，如何实现一个只能输入数字和字母的输入框？ 3. 如何自定义`numberfield`的验证错误消息？ 4. 在表单提交时，如何确保所有数字输入框都通过了验证？ [^1]: [Ext JS ]3.4 数字输入框 numberfield [^2]: [Ext JS]3.2.2 文本输入框textfield [^3]: extjs 文本框只能输入数字的限制 [^4]: Ext TextField只能输入数字和字母</think>在Ext JS中实现仅允许数字输入的输入框组件，有以下几种推荐方法： ### 方法一：使用内置NumberField（推荐） ```javascript { xtype: 'numberfield', fieldLabel: '数字输入', name: 'numericValue', minValue: 0, // 最小值（可选） maxValue: 100, // 最大值（可选） decimalPrecision: 2, // 小数位数（默认2位） allowBlank: false, // 是否允许为空 enforceMaxLength: true, maxLength: 10 // 最大输入长度 } ``` **特点**： 1. 自动验证数字格式和范围[^1] 2. 键盘自动过滤非数字字符 3. 支持小数点精度控制 4. 内置上下箭头微调控件 ### 方法二：使用TextField+正则验证 ```javascript { xtype: 'textfield', fieldLabel: '数字输入', regex: /^[0-9]*\.?[0-9]*$/, // 允许整数和小数 regexText: '请输入有效数字', // 验证失败提示 listeners: { blur: function(field) { if(!/^[0-9]*\.?[0-9]*$/.test(field.getValue())) { Ext.Msg.alert('错误', '请输入有效数字'); field.reset(); } } } } ``` ### 方法三：使用输入过滤（限制键盘输入） ```javascript { xtype: 'textfield', fieldLabel: '纯数字输入', enableKeyEvents: true, listeners: { keypress: function(field, e) { // 只允许数字0-9、退格、删除键 if(!(e.getKey() in [8, 9, 46] || (e.getKey() >= 48 && e.getKey() <= 57))) { e.stopEvent(); } } } } ``` ### 方法四：限制中文输入（增强版） ```javascript { xtype: 'textfield', fieldLabel: '严格数字输入', listeners: { beforeinput: function(field, e) { return /^[0-9.]$/.test(e.value); // 允许数字和小数点 }, paste: function(field, e) { // 拦截粘贴内容 const pasteData = e.getData('text/plain'); if(!/^[\d.]+$/.test(pasteData)) { e.stopEvent(); } } } } ``` ### 最佳实践建议 1. 普通数字输入使用`numberfield`最可靠[^1] 2. 整数输入可添加配置：`decimalPrecision: 0` 3. 需要特殊格式（如电话号）时使用正则验证 4. 结合`vtype`创建可复用的验证规则： ```javascript Ext.define('App.form.field.Numeric', { extend: 'Ext.form.field.Text', alias: 'widget.numericfield', vtype: 'numeric', regex: /^[0-9]*\.?[0-9]*$/ }); ``` ### 注意事项 1. 移动端需额外处理虚拟键盘类型 2. 负数输入需调整正则表达式为：`/^-?[0-9]*\.?[0-9]*$/` 3. 科学计数法需使用：`/^[+-]?\d+(\.\d+)?([eE][+-]?\d+)?$/` [^1]: Ext JS内置的numberfield组件专为数字输入设计，支持范围验证和精度控制 [^2]: 当需要更复杂的输入控制时，可通过TextFiled扩展实现定制化需求 [^3]: 通过监听键盘事件和粘贴事件可增强输入控制 [^4]: 正则表达式是验证输入格式的有效手段，可根据需求调整匹配规则
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值