控制只能输入数字

最新推荐文章于 2016-11-28 19:28:36 发布
转载 最新推荐文章于 2016-11-28 19:28:36 发布 · 552 阅读 · 0

本文介绍了一种在Delphi中实现仅允许用户在编辑框内输入数字的方法。通过使用`KeyPress`事件和调整窗口样式来确保只有数字字符可以被接受。
procedure TForm1.edtStartNumKeyPress(Sender: TObject; var Key: Char);
var
  edtStart: dWord;
begin
  //控制只能输入数字
  edtStart := GetWindowLong(edtStartNum.Handle, GWL_STYLE);
  SetWindowLong(edtStartNum.Handle, GWL_STYLE, edtStart or ES_NUMBER);
end;
3种Jquery限制文本框只能输入数字字母的方法
10-25
尤其在表单处理中，限制用户在文本框中只能输入数字或字母是一个常见需求。Jquery作为JavaScript的一个流行的库，提供了一种简便的方法来操作DOM并增加这种限制。 第一种方法是通过$.fn.onlyNum()函数限制文本框只...
控制只能输入数字，而且只能输入一个小数点。
11-30
在某些特定场景下，比如处理财务数据或者科学计算，我们可能需要限制用户只能输入数字，并且只允许输入一个用于表示小数部分的小数点。这涉及到控件的自定义事件处理和输入验证。以下是对这一需求的详细解释： 1. *...
CEdit使用总结
Hisin Wang的专栏
11-22 4213
基本用法 常用属性 1.Readonly --- 只读，用户不可输入但可以通过代码SetWindowText设置内容 2.Number --- 只能输入数字 3.Password --- 输入以密码符号显示 4.Multiline --- 支持多行 5.Want Return --- 接受Enter键换行 全部Edit Style为Edit Control S
MFC CEdit限定输入数字
yueguanyun的专栏
03-01 4316
MFC CEdit限定输入数字 在OnInitDialog或你需要的地方加入下面的代码就行了： DWORD dwStyle = m_edit.GetStyle(); dwStyle |= ES_NUMBER; SetWindowLong(m_edit.m_hWnd, GWL_STYLE, dwStyle);
使TEdit只接受数字输入
雄鹰伊人的专栏
07-03 772
使TEdit只接受数字输入：procedure TForm1.FormCreate(Sender:Tobject);var w1:Integer;begin w1:=GetWindowLong(Edit1.Handle,GWL_STYLE); SetWindowLong(Edit1.Handle,GWL_STYLE,w1 or ES_NUMBER);end;只接受数字和小数点输入：proced
使Edit只接收数字
07-27 152
procedureTForm1.FormCreate(Sender:TObject);varfstyle:dWord;beginfstyle:=GetWindowLong(Edit1.Handle,GWL_STYLE);SetWindowLong(Edit1.Handle,GWL_STYLE,fstyleorES_NUMBER);end;函数功能：该函数获得有关指定...
JS控制只能输入数字并且最多允许小数点两位
10-15
在网页设计中，控制用户输入是一种常见的需求，特别是在需要用户输入数字的场景下，如何限制输入框只接受数字，并且最多允许小数点两位，这需要对用户输入进行即时的验证和处理。 在给定的文件中，介绍了如何使用...
js控制文本框只能输入中文、英文、数字与指定特殊符号的实现代码
10-21
接下来，我会详细解析如何使用JavaScript来控制文本框只能输入中文、英文、数字以及指定的特殊符号，并提供相应的实现代码。 首先，我们需要了解输入文本框的一些基本事件，这些事件可以帮助我们捕捉用户的输入动作...
限制CEdit（Edit Contrl）只能输入数字和小数点
自由的天空
11-28 3189
出处：http://blog.youkuaiyun.com/rundll64/article/details/45849573 void CSettingcategory::OnEnChangeEdit2()   {       CString csAreaS;       GetDlgItem( IDC_EDIT2 )->GetWindowText( csAreaS );
限制Edit输入数字的问题
scmzw的专栏
06-15 1215
我是菜手，在限制Edit输入数字的问题搜索了20篇贴子，我发现了一个是而后年完整的：procedure TForm1.Edit1KeyPress(Sender: TObject; var Key: Char);beginif not (key in [.,0..9,#8]) then key:=#0;   {控制小数点不能写两次} if (key in [.]) and (pos(
SetWindowLong函数总结
热门推荐
zwb8848happy的专栏
03-30 2万+
在网上搜了一下这个函数的用法，在此汇总一下！ 注册窗口类时可以指定“每窗口额外内存”  这段内存可以通过Get(Set)WindowLong   来访问  SetWindowLong   的   nIndex   参数如果不小于0  那么就是访问这段内存，  这段内存存放什么东西都可以  如果   nIndex   小于零  那就是访问窗口的数据结构  其实这是另外一个
CEdit如何设置只允许输入数字
tangaowen的专栏
11-03 3818
CEdit如何设置只允许输入数字   ES_NUMBER     ::SetWindowLong(item.lpeditCtrl->m_hWnd, GWL_STYLE, ::GetWindowLong(item.lpeditCtrl->m_hWnd, GWL_STYLE)|ES_NUMBER);
设置文本框只能输入数字
djcsch2001的专栏
09-18 480
SetWindowLong(Edit1.Handle,GWL_STYLE,GetWindowLong(Edit1.Handle,GWL_STYLE) or ES_NUMBER);
计及光伏电站快速无功响应特性的分布式电源优化配置方法（Matlab代码实现）
最新发布
01-09
计及光伏电站快速无功响应特性的分布式电源优化配置方法（Matlab代码实现）内容概要：本文提出了一种计及光伏电站快速无功响应特性的分布式
ufitool-redux 旧版remo
01-09
中兴微随身wi旧版优化跑一下切外置卡，企鹅去控1，adb离线状态就能变正常在线了。 能不能用自己看，不确保
vue3输入框控制只能输入数字
10-01
在 Vue 3 中，有多种方法可以实现输入框限制只能输入数字： ### 方法一：监听 `@keypress` 事件 通过监听 `@keypress` 事件，只允许输入数字。当输入非数字字符时，阻止默认输入行为。 ```vue <template> <div> <input type="text" @keypress="allowOnlyNumbers" /> </div> </template> <script setup> const allowOnlyNumbers = (event) => { const char = String.fromCharCode(event.which); // 允许输入数字（0 - 9） if (!/[0-9]/.test(char)) { event.preventDefault(); // 阻止输入 } }; </script> ``` ### 方法二：使用 `@keydown` 事件 与 `@keypress` 类似，监听 `@keydown` 事件来限制输入。 ```vue <template> <div> <input type="text" @keydown="allowOnlyNumbersOnKeydown" /> </div> </template> <script setup> const allowOnlyNumbersOnKeydown = (event) => { const char = String.fromCharCode(event.keyCode); if (!/[0-9]/.test(char)) { event.preventDefault(); } }; </script> ``` ### 方法三：封装通用方法 封装一个处理数字输入的方法，移除空格、只允许数字和小数点，并处理多个小数点的情况。 ```vue <template> <div> <input type="text" v-model="inputValue" @input="handleNumberInput(inputValue)" /> </div> </template> <script setup> import { ref } from 'vue'; const inputValue = ref(''); const handleNumberInput = (val) => { // 1. 移除所有空格 let newVal = val.replace(/\s+/g, ''); // 2. 只允许数字和小数点 newVal = newVal.replace(/[^\d.]/g, ''); // 3. 处理多个小数点的情况 const decimalCount = newVal.split('.').length - 1; if (decimalCount > 1) { const parts = newVal.split('.'); newVal = parts[0] + '.' + parts.slice(1).join(''); } // 4. 更新值 inputValue.value = newVal; }; </script> ``` ### 方法四：使用 `.number` 修饰符及样式清除 使用 `.number` 修饰符限制输入数字，同时清除 `type="number"` 自带样式。 ```vue <template> <div> <input v-model.number="testValue" type="number" /> </div> </template> <script setup> import { ref } from 'vue'; const testValue = ref(''); </script> <style scoped> /* 普通 IE 浏览器样式清除 */ input::-webkit-outer-spin-button, input::-webkit-inner-spin-button { -webkit-appearance: none!important; } /* 火狐浏览器样式清除 */ input[type="number"] { -moz-appearance: textfield; } </style> ``` ### 方法五：限制范围及小数位数 限制输入范围在 1 到 100 之间，且只能输入小数点后两位，不能输入减号。 ```vue <template> <div> <input v-model="params.tongZhengPercentage" type="number" placeholder="店铺抽成占比" @input="handleInput" /> </div> </template> <script setup> import { ref } from 'vue'; const params = ref({ tongZhengPercentage: '' }); const handleInput = () => { let value = params.value.tongZhengPercentage; if (!/^[0-9]+$/.test(value)) { value = value.replace(/^(\-)*(\d+)\.(\d\d).*$/, '$1$2.$3'); } if (value > 100) { value = 100; } if (value < 0) { value = null; } if ((value[0] === '0' && value[1] > 0) || value === '00') { value = value.slice(1); } params.value.tongZhengPercentage = value; }; </script> ```
评论
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
红包 添加红包
表情包 插入表情
表情包 代码片
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值