解决iOS验证码显示在左边问题

项目中有个短信验证码功能,测出来有个验证码靠左的bug,如下图所示:

看到问题首先度娘,结果只发现如下两条回答。https://tieba.baidu.com/p/7254829838

实际上并没有什么用,这个时候就在想是不是封装的这个输入框有问题,解决思路如下:

1. 首先用系统的UITextField输入框替换项目中封装的输入框,替换代码如下所示:[核心代码];

-(UITextField *)verifyV {
    if (!_verifyV) {
        _verifyV = [[UITextField alloc]init];
        _verifyV.backgroundColor = [UIColor cyanColor];
        _verifyV.placeholder = "请输入验证码";
        _verifyV.delegate = self;
        _verifyV.textContentType = UITextContentTypeOneTimeCode;
        _verifyV.keyboardType = UIKeyboardTypeASCIICapableNumberPad;
    }
    return  _verifyV;
}

运行之后,效果如下动图所示:

替换为项目的输入框之后,发现依旧有偏左的问题,此时基本可以验证我们封装的输入框没有太大问题,应该还是输入框的某些属性造成的,于是对写的这backgroundColorplaceholderdelegatetextContentTypekeyboardType这五个属性进行逐步排查,首先排除了backgroundColorplaceholderdelegatetextContentType四个属性,发现有无均存在问题,那么此时可以断定问题肯定存在**keyboardType**属性上面了。

2.排查**keyboardType**属性

扎一看**keyboardType**属性也没有什么问题,那么我换个枚举值试试吧,此时我把属性

_verifyV.keyboardType = UIKeyboardTypeASCIICapableNumberPad;

换成我们常用的数字键盘

_verifyV.keyboardType = UIKeyboardTypeNumberPad;

再次测试,发现居然是没有偏左的问题,那么把项目中涉及到UIKeyboardTypeASCIICapableNumberPad属性的统一替换掉,再次跑项目,发现居然是正常了。效果如下所示:

小结:

虽然问题得以解决,但是我查阅各方资料,包括官方文档,就没有说 UIKeyboardTypeASCIICapableNumberPad属性会造成验证码偏左问题,不知道是不是苹果bug,希望有看到类似的资料留言祝我解惑。

到此这篇关于iOS验证码显示在左边问题的文章就介绍到这了,更多相关iOS验证码内容请搜索我们以前的文章或继续浏览下面的相关文章希望大家以后多多支持我们!

时间: 2022-03-13

iOS动态验证码实现代码

具体代码如下所示: // // AuthcodeView.h // BSbracelet // // Created by Christopher on 17/5/16. // Copyright © 2017年 ZTracy. All rights reserved. // #import <UIKit/UIKit.h> @interface AuthcodeView : UIView @property (strong, nonatomic) NSArray *dataArray;//字符

iOS 输入验证码或密码,自动下一位的实例

系统没有textFeild 的相关当输入内容改变时候的代理方法...所以我们自己加一个监听来实现如下的效果 自动跳转下一位 主要代码如下: [_code1F becomeFirstResponder]; [_code1F addTarget:self action:@selector(textFieldDidChange:) forControlEvents:UIControlEventEditingChanged]; [_code2F addTarget:self action:@select

IOS开发中如何设计短信验证码防刷机制

最近遇到一个关于防止短信验证码被刷的产品设计问题,后来在面试一个前来应聘JAVA开发的程序员的时候,他也提到了他以前公司的系统也遭遇过这个被刷短信的问题.因此,就"如何设计短信验证码防刷机制"作一个总结和分享. 1.时间限制:60秒后才能再次发送 从发送验证码开始,前端(客户端)会进行一个60秒的倒数,在这一分钟之内,用户是无法提交多次发送信息的请求的.这种方法虽然使用得比较普遍,但是却不是非常有用,技术稍微好点的人完全可以绕过这个限制,直接发送短信验证码. 2.手机号限制:同一个手机

详解iOS 验证码输入的实现思路

如图所示,现在很多App采用了类似下划线.方块等方式的验证码输入,直观美观!对于这种效果的实现方式,大概有以下几种方式: 1.多个UITextField组成 这种方式好处是有光标闪烁.但是在处理删除和动画效果时,就会显得有点笨拙,OFO应该是这样实现的,要严格处理好每个UITextField的FirstResponder. 2.一个UITextField组成,使用富文本 这个方式是可行的, 使用富文本设置每个字符的间距,允许编辑富文本,有光标闪烁,缺点应该也是不好处理动画效果. 3.使用UIVi

iOS登录时验证手机号与倒计时发送验证码问题详解

前言 我们做登录的时候经常会使用到,验证手机号是否正确.向手机发送验证码倒计时60s的问题,我们改如何解决呢?让我们一起来探讨一下吧. 如下图: 首先,我们先说说判断手机号码是否正确的问题吧,我的想法是给字符串添加一个分类,然后写上这样的代码: + (BOOL)valiMobile:(NSString *)mobile{         if (mobile.length != 11){             //判断手机号码是否为11位             return NO;     

iOS实现短信验证码倒计时

在开发中,经常在需要用户注册的时候会需要实现验证码倒计时的功能,下面是解决这个问题的两种思路(使用UIButton控件) 一.利用NSTimer计时器 1.新建一个UIButton按钮,设置成属性,名为codeButton.(UIButton样式一定要为自定义,否则后面倒计时数秒时会出现闪烁现象) 2.定义一个NSTimer的属性,名为timer,同时定义一个用于计时的int变量time,设置初始值为60. //启动一个定时器 self.timer = [NSTimer scheduledTim

iOS获取短信验证码倒计时的两种实现方法

方法一: 网上用的很多的一种,不多说,直接上代码. -(void)startTime{ __block int timeout= 60; //倒计时时间 dispatch_queue_t queue = dispatch_get_global_queue(DISPATCH_QUEUE_PRIORITY_DEFAULT, 0); dispatch_source_t _timer = dispatch_source_create(DISPATCH_SOURCE_TYPE_TIMER, 0, 0,qu

swift 3.0 实现短信验证码倒计时功能

下面一段代码给大家分享swift 3.0 实现短信验证码倒计时功能,具体实例代码如下所示: class TCCountDown { private var countdownTimer: Timer? var codeBtn = UIButton() private var remainingSeconds: Int = 0 { willSet { codeBtn.setTitle("重新获取\(newValue)秒", for: .normal) if newValue <=

ReactNative短信验证码倒计时控件的实现代码

由于最近刚开始认真的搞RN,可能有一些封装的不是最佳实践,还是希望大家多提意见,和大家一起进步吧.本文介绍了ReactNative短信验证码倒计时控件,分享给大家 功能 根据项目的需要,需要写一个自定义的控件,实现如下功能: 默认文字为点击获取验证码 点击后出现60秒的倒计时 颜色,字号可调 倒计时过程中,再次点击需要忽略掉 倒计时完成后文本恢复成点击获取验证码 再几次点击同之前 其实说了这么多,就是个最普通的验证码的功能... 效果 效果图如下:(录的图片比较一般,对付着看吧) 实现原理 自己

JS短信验证码倒计时功能的实现(没有验证码,只有倒计时)

1.功能描述 当用户想要获取验证码时,就点击 免费获取验证码 ,然后开始倒计时,倒计时期间按钮文字为剩余时间x秒,且不可按状态,倒计时结束后,按钮更改为点击重新发送. 2.分析 必须用到定时器.按钮点击后,在定时器内做出判断.倒计时60秒,到0结束. 3.代码实现: 重点介绍:定时器在进行下一次倒计时之前,一定要清除一下,这样的话保证下一次定时器倒计时是正常的. <!DOCTYPE html> <html> <head> <meta charset="U

JS获取短信验证码倒计时的实现代码

废话不多说了,直接给大家贴代码了,具体代码如下所示: $(function() { var phone_num = /^1\d{10}$/; var flag = 1; //短信发送时标志位 $(".getcode").click(function() { if($("#phone").val() == "") { alert("请输入电话号码!"); return false; }; if(!phone_num.test($

Android使用Kotlin和RxJava 2.×实现短信验证码倒计时效果

本文介绍了Android使用Kotlin和RxJava 2.×实现短信验证码倒计时效果,分享给大家,具体如下: 场景:注册账号页面时,我们点击按钮发送验证码,在等待验证码时,界面会有倒计时提示,这此期间按钮不可点击.当倒计时结束时,按钮恢复. 实现代码 val timer:TextView = findViewById(R.id.textView) //这里的 timer 就是你要控制显示倒计时效果的 TextView val mSubscription: Subscription? = nul

Android实现发送短信验证码倒计时功能示例

一.简介: 开发中在用户注册或找回密码之类的功能,经常会遇到获取短信验证码,获取验证码后需要等待1分钟倒计时,这段时间是不能再次发送短信请求的. 效果图: 二.实现步骤: 1.一个关键类:CountDownTimer(Android系统自带的倒计时功能类) public class CountDownTimerUtils extends CountDownTimer { private TextView mTextView; //显示倒计时的文字 /** * @param textView Th

基于vue的短信验证码倒计时demo

最近做了一个小的demo,分享给大家,在很多地方都能用到. 一般获取短信验证码的时候会用到这个demo: button里面包两个span标签,根据点击状态,显示不同的span,关键代码就是倒计时: <div id="example"> <button @click="send"> <span v-if="sendMsgDisabled">{{time+'秒后获取'}}</span> <span

Android&#8203;短信验证码倒计时验证的2种常用方式

前言 ​本文主要介绍的是短信验证码功能,这里总结了两种常用的方式,可以直接拿来使用. 看图 计时器 说明:这里的及时从10开始,是为了演示的时间不要等太长而修改的. 方法如下 1.第一种方式:Timer /** * Description:自定义Timer * <p> * Created by Mjj on 2016/12/4. */ public class TimeCount extends CountDownTimer { private Button button; //参数依次为总时