UGUI系列-InputField限制输入个数以及限制输入格式

简介: UGUI InputField 组件是一个用来管理输入的组件 我们通常用来输入用户的账号,密码,或者聊天时输入文字,等等输入逻辑…在使用中,我们常常要对输入的字符串进行限制,最常见的限制有个数和格式

一、前言

UGUI  InputField 组件是一个用来管理输入的组件 我们通常用来输入用户的账号,密码,或者聊天时输入文字,等等输入逻辑…

在使用中,我们常常要对输入的字符串进行限制,最常见的限制有个数和格式


二、限制输入个数

设置Input Field组件的 Character Limit 属性就可以限制输入个数:

如下图所示:

网络异常,图片无法展示
|


三、限制输入类型

这个我们就需要研究一下Input Field组件的 Content Type 属性了

网络异常,图片无法展示
|

这个属性的功能是定义输入内容接受/限制的字符类型

一共有以下几种类型:

类型 功能
Standard 标准,可以输入任意字符
Auto corrected 自动更正,可以自动更正用户输入,并建议输入内容
Integer Number 整数,只允许输入整数
Decimal Number 小数,允许输入数字和小数点后一位
Alphanumeric 字母数字,允许字母和数字。无法输入符号
Name 名称(支持中文)自动将每个单词的首字母大写。
Email Address 电子邮件地址,允许您输入最多包含一个@符号的字母数字字符串
Password 密码:用 * 表示输入的字符,从而隐藏输入内容。允许输入任意字符
Pin 密码:用 * 号表示输入的字符,从而隐藏输入内容。仅允许输入整数
Custom 自定义:允许自定义行类型、输入类型、默认键盘类型、字符验证

这几个就没啥好说的,

网络异常,图片无法展示
|

主要讲一下自定义:

网络异常,图片无法展示
|

Line Type:行类型,允许输入单行或者多行,或者Enter 键来新建行,继续输入

网络异常,图片无法展示
|

Input Type:输入类型,有三个选项,任何字符、自动修正、密码类型

网络异常,图片无法展示
|

Keyboard Type:它可以在用户选中输入框时,调出不同类型的键盘

网络异常,图片无法展示
|

名称 功能
Default 目标平台的默认键盘
ASCLL Capable 带标准ASCII键的键盘。
Numbers And Punctuation 键盘与数字和标点符号键
URL 键盘与URL输入键
Number Pad 键盘与标准数字键
Phone Pad 键盘与适合键入电话号码的布局
NamePhone Pad 键盘与字母数字键
Email Address 带有适合键入电子邮件地址的其他键的键盘
Nintendo Network Account 带有网络账号键的键盘
Social 键盘与常用于社交媒体上的符号键,如Twitter
Search 键盘上带有“.” 空格键旁边的键,适合键入搜索词

Character Validatior:字符验证类型,有整数、小数、字母数字、名字、Email等

网络异常,图片无法展示
|

按需设置咯

如果上面还不满足你的设置,想要更加严格的限制,那么请往下看


四、代码限制输入字符

比如说用正则表达式来判断输入的字符串是否符合格式,符合格式就不管,不符合格式就把赋值输入的字符串减一位的字符串,也就相当于删除掉最后一位

关于正则表达式的应用可以看我另一篇文章:文章链接

4-1、限制输入的字符串0-9 a-f A-F

using System.Text.RegularExpressions;
using UnityEngine;
using UnityEngine.UI;
public class Input_Test : MonoBehaviour
{
    InputField m_InputField;
    private void Awake()
    {
        m_InputField = GetComponent<InputField>();
        m_InputField.onValueChanged.AddListener(OnInputFieldValueChang);
    }
    private void OnInputFieldValueChang(string inputInfo)
    {
        Regex reg = new Regex("^[A-Fa-f0-9]+$");
        if (reg.IsMatch(inputInfo))
        {
            m_InputField.text = inputInfo;
        }
        else
        {
            if (m_InputField.text == "")
            {
                m_InputField.text = "";
            }
            else
            {
                m_InputField.text = inputInfo.Substring(0, inputInfo.Length - 1);
            }
        }    
    }
}
复制代码

网络异常,图片无法展示
|



相关文章
|
26天前
给kprobe添加字符数据显示方式
给kprobe添加字符数据显示方式
|
4月前
QT中edit控件限制输入数值以及进制转换方法
QT中edit控件限制输入数值以及进制转换方法
|
9月前
|
索引
uniapp一秒钟去除字符串的最后一个字符
如果在使用该字符串的过程中想要去掉它的最后一个字符,可以通过slice和substring来截取部分字符串,并返回一个新的字符串
179 0
|
10月前
|
JavaScript
jQuery数据渲染,每行显示4个数据,超过四条数据自动换行
jQuery数据渲染,每行显示4个数据,超过四条数据自动换行
37 0
textarea文本域控制字数多少(带数字,数字减小)demo效果示例(整理)
textarea文本域控制字数多少(带数字,数字减小)demo效果示例(整理)
[虚幻引擎 UE5] EditableText(单行可编辑文本) 限制只能输入数字并且设置最小值和最大值
本蓝图函数可以格式化 EditableText 控件输入的数据,让其只能输入一定范围内的整数。
425 0
【C++之标准类型数据的格式输出2】显示字母B组成的三角形
【C++之标准类型数据的格式输出2】显示字母B组成的三角形
|
存储 数据库
长整数在插入较短的列时会被转换,但不会被截断为什么?公式是什么?
长整数在插入较短的列时会被转换,但不会被截断为什么?公式是什么?
Excel - 表格设置数字下拉数值不变不递增
Excel - 表格设置数字下拉数值不变不递增
953 0
Excel - 表格设置数字下拉数值不变不递增