iOS 中的 UITextField 如何设置才能只输入数字和小数点?

2024-03-06 08:12

本文主要是介绍iOS 中的 UITextField 如何设置才能只输入数字和小数点?,希望对大家解决编程问题提供一定的参考价值,需要的开发者们随着小编来一起学习吧!

刚接触 iOS不久,接到一个iOS项目,其中有一个需求就是在一个 UITextField中只能输入数字和小数点,这个需求在Android中非常容易,只需要设置

 <EditTextandroid:id="@+id/id_et_price"android:layout_width="match_parent"android:layout_height="wrap_content"android:ellipsize="end"android:inputType="numberDecimal"android:lines="1"android:singleLine="true" />

只需要设置 android:inputType="numberDecimal" 即可。
我原本以为 iOS 应该也很简单,然后问了一下 gpt, 果然也是类似的配置:

textField.keyboardType = .numberPad

如果允许小数点,那么就可以使用

textField.keyboardType = .decimalPad

当然,这是最基本的,但是 iOS 中比较坑爹的是,如果用户使用外接键盘或者复制粘贴,仍然可以输入非数字字符。什么意思呢?,假如我们现在复制了一个 “23.34元”, 现在我可以粘贴到 UITextField中,那么不能输入数字的UITextField仍然可以输入,且显示为”23.34元“,最后我们提交数据时,就会产生问题。

如何解决这个问题呢?其实解决方案也比较多,这里我给出一种比较常见的解决方案,就是直接继承自UITextField,对paste 事件进行监听,对输入的字符串进行校验, 非数字和小数点字符直接去掉。

class NumericTextField : UITextField {override func awakeFromNib() {super.awakeFromNib()self.keyboardType = .numberPadself.delegate = self}override func paste(_ sender: Any?) {if let pasteboardString = UIPasteboard.general.string {//创建一个字符集包含数字和小数点let allowedCharacterSet = CharacterSet(charactersIn: ".0123456789")//使用字符集分割字符串,移除不在字符中的字符let filteredString = pasteboardString.components(separatedBy: allowedCharacterSet.inverted).joined()if let _ = Float(filteredString), !filteredString.isEmpty {if let selectedRange = self.selectedTextRange {self.replace(selectedRange, withText: filteredString)}}}}
}extension NumericTextField : UITextFieldDelegate {func textField(_ textField: UITextField, shouldChangeCharactersIn range: NSRange,replacementString string: String) -> Bool {if(string.isEmpty) {return true }// 检查输入的字符是否是数字let allowedCharacters = CharacterSet(charactersIn: ".0123456789")let characterSet = CharacterSet(charactersIn: string)return allowedCharacters.isSuperset(of: characterSet)}}

那么用起来直接可以使用 NumericTextField 替代 UITextField 即可。

这篇关于iOS 中的 UITextField 如何设置才能只输入数字和小数点?的文章就介绍到这儿,希望我们推荐的文章对编程师们有所帮助!



http://www.chinasem.cn/article/779386

相关文章

Nginx设置连接超时并进行测试的方法步骤

《Nginx设置连接超时并进行测试的方法步骤》在高并发场景下,如果客户端与服务器的连接长时间未响应,会占用大量的系统资源,影响其他正常请求的处理效率,为了解决这个问题,可以通过设置Nginx的连接... 目录设置连接超时目的操作步骤测试连接超时测试方法:总结:设置连接超时目的设置客户端与服务器之间的连接

mybatis和mybatis-plus设置值为null不起作用问题及解决

《mybatis和mybatis-plus设置值为null不起作用问题及解决》Mybatis-Plus的FieldStrategy主要用于控制新增、更新和查询时对空值的处理策略,通过配置不同的策略类型... 目录MyBATis-plusFieldStrategy作用FieldStrategy类型每种策略的作

Java数字转换工具类NumberUtil的使用

《Java数字转换工具类NumberUtil的使用》NumberUtil是一个功能强大的Java工具类,用于处理数字的各种操作,包括数值运算、格式化、随机数生成和数值判断,下面就来介绍一下Number... 目录一、NumberUtil类概述二、主要功能介绍1. 数值运算2. 格式化3. 数值判断4. 随机

CSS弹性布局常用设置方式

《CSS弹性布局常用设置方式》文章总结了CSS布局与样式的常用属性和技巧,包括视口单位、弹性盒子布局、浮动元素、背景和边框样式、文本和阴影效果、溢出隐藏、定位以及背景渐变等,通过这些技巧,可以实现复杂... 一、单位元素vm 1vm 为视口的1%vh 视口高的1%vmin 参照长边vmax 参照长边re

Windows设置nginx启动端口的方法

《Windows设置nginx启动端口的方法》在服务器配置与开发过程中,nginx作为一款高效的HTTP和反向代理服务器,被广泛应用,而在Windows系统中,合理设置nginx的启动端口,是确保其正... 目录一、为什么要设置 nginx 启动端口二、设置步骤三、常见问题及解决一、为什么要设置 nginx

vue基于ElementUI动态设置表格高度的3种方法

《vue基于ElementUI动态设置表格高度的3种方法》ElementUI+vue动态设置表格高度的几种方法,抛砖引玉,还有其它方法动态设置表格高度,大家可以开动脑筋... 方法一、css + js的形式这个方法需要在表格外层设置一个div,原理是将表格的高度设置成外层div的高度,所以外层的div需要

电脑密码怎么设置? 一文读懂电脑密码的详细指南

《电脑密码怎么设置?一文读懂电脑密码的详细指南》为了保护个人隐私和数据安全,设置电脑密码显得尤为重要,那么,如何在电脑上设置密码呢?详细请看下文介绍... 设置电脑密码是保护个人隐私、数据安全以及系统安全的重要措施,下面以Windows 11系统为例,跟大家分享一下设置电脑密码的具体办php法。Windo

如何设置vim永久显示行号

《如何设置vim永久显示行号》在Linux环境下,vim默认不显示行号,这在程序编译出错时定位错误语句非常不便,通过修改vim配置文件vimrc,可以在每次打开vim时永久显示行号... 目录设置vim永久显示行号1.临时显示行号2.永www.chinasem.cn久显示行号总结设置vim永久显示行号在li

Linux:alias如何设置永久生效

《Linux:alias如何设置永久生效》在Linux中设置别名永久生效的步骤包括:在/root/.bashrc文件中配置别名,保存并退出,然后使用source命令(或点命令)使配置立即生效,这样,别... 目录linux:alias设置永久生效步骤保存退出后功能总结Linux:alias设置永久生效步骤

Spring MVC如何设置响应

《SpringMVC如何设置响应》本文介绍了如何在Spring框架中设置响应,并通过不同的注解返回静态页面、HTML片段和JSON数据,此外,还讲解了如何设置响应的状态码和Header... 目录1. 返回静态页面1.1 Spring 默认扫描路径1.2 @RestController2. 返回 html2