有什么好办法限制input限制不可以输入下划线?

转:不清楚原文的出处在哪都昰转载

不允许输入特殊字符和空格:

————————————————————————————————————————

其二,判断嘚更详细一些甚至22..2这样不算数字也判断得出来 

其三,只允许输入整数其实也完全可以根据第三条来举一反三做一些限制。 


这句是比较實用的意为关闭输入法。省得有些人开着全角输入数字结果输入不进去来找你哭天抹泪的,还怪你设计的不好 

只允许输入数字 

只允許输入英文字母、数字和下划线(以下二种方法实现) 

其二,判断的更详细一些甚至22..2这样不算数字也判断得出来 

其三,只允许输入整数其實也完全可以根据第三条来举一反三做一些限制。 


这句是比较实用的意为关闭输入法。省得有些人开着全角输入数字结果输入不进去來找你哭天抹泪的,还怪你设计的不好 

只允许输入数字 

只允许输入英文字母、数字和下划线(以下二种方法实现) 

只允许输入汉字 

只允许输叺汉字 

}

今天把写的RN程序从iOS上迁移到Android上發现了一些问题,主要涉及到Text和Textinput限制这两个组件所以用一节来专门记录下来。

我们先来看官网给的例子:

控制字体是否要根据iOS的“文本夶小”辅助选项来进行缩放

用来当文本过长的时候裁剪文本。包括折叠产生的换行在内总的行数不会超过这个属性的限制。

当文本被點击以后调用此回调函数


1、在使用Text的过程中,实现文本垂直居中、水平居中的效果(iOS和Android通用)

尽量用view去包裹一层Text组件text组件只负责基础嘚文字样式,View组件负责对齐方式等

我们也来看看官网的api。

控制Textinput限制是否要自动将特定字符切换为大写:

words: 每个单词的第一个字符

sentences: 每句话嘚第一个字符(默认)。

none: 不自动切换任何字符为大写

如果为false,会关闭拼写自动修正默认值是true。

如果为true文本框会在提交的时候失焦。對于单行输入框默认值为true多行则为false。注意:对于多行输入框来说如果将blurOnSubmit设为true,则在按下回车键时就会失去焦点同时触发onSubmitEditing事件而不会換行。

提供一个文本框中的初始值当用户开始输入的时候,值就可以改变在一些简单的使用情形下,如果你不想用监听消息然后更新value屬性的方法来保持属性和状态同步的时候就可以用defaultValue来代替。

如果为false文本框是不可编辑的。默认值为true

决定弹出的何种软键盘的,譬如numeric(纯数字键盘)这些值在所有平台都可用:

限制文本框中最多的字符数。使用这个属性而不用JS逻辑去实现可以避免闪烁的现象。

如果為true文本框中可以输入多行文字。默认值为false

当文本框失去焦点的时候调用此回调函数。

当文本框内容变化时调用此回调函数

当文本框內容变化时调用此回调函数。改变后的文字内容会作为参数传递

当文本输入结束后调用此回调函数。

当文本框获得焦点的时候调用此回調函数

此回调函数当软键盘的确定/提交按钮被按下的时候调用此函数。如果multiline={true}此属性不可用。

如果没有任何文字输入会显示此字符串。

占位字符串显示的文字颜色

如果为true,文本框会遮住之前输入的文字这样类似密码之类的敏感文字可以更加安全。默认值为false

如果为true,当获得焦点的时候所有的文字都会被选中。

设置输入框高亮时的颜色(在iOS上还包括光标)

译注:这意味着本组件继承了所有Text的样式

Textinput限制是一个受约束的(Controlled)的组件,意味着如果提供了value属性原生值会被强制与value属性保持一致。在大部分情况下这都工作的很好不过有些情况丅会导致一些闪烁现象——一个常见的原因就是通过不改变value来阻止用户进行编辑。如果你希望阻止用户输入可以考虑设置editable={false};如果你是希朢限制输入的长度,可以考虑设置maxLength属性这两个属性都不会导致闪烁。

是否要在文本框右侧显示“清除”按钮

如果为true,每次开始输入的時候都会清除文本框的内容

如果为true,键盘会在文本框内没有文字的时候禁用确认按钮默认值为false。

当一个键被按下的时候调用此回调被按下的键会作为参数传递给回调函数。会在onChange之前调用

决定“确定”按钮显示的内容。

设置输入框的行数当multiline设置为true时使用它,可以占據对应的行数

文本框的下划线颜色(译注:

如果要去掉文本框的边框,请将此属性设为透明transparent

2、常用的Textinput限制是作为文本域譬如最多输入50个芓符。

感觉Text和Textinput限制组件在Android上的问题比较多遇到一个解决一个吧。

}

我要回帖

更多关于 input限制 的文章

更多推荐

版权声明:文章内容来源于网络,版权归原作者所有,如有侵权请点击这里与我们联系,我们将及时删除。

点击添加站长微信