反应本机文本输入输入最大长度值

Question

你如何设置这样的值？例如，数字字段必须小于 50。

如何使用 maxLength={2} 属性， 如何验证它..我希望输入数字应该小于 50

这是我的代码..

ShowMaxAlert = (EnteredValue) =>{
this.setState({number: EnteredValue});
if(EnteredValue > 50)
{
alert('Maximum number')
}
}
<TextInput style={styles.input}
keyboardType={"numeric"}
underlineColorAndroid='#fff'
placeholder={'num'}
maxLength={2}
placeholderTextColor={'#ccc'}
onChangeText={ EnteredValue => this.ShowMaxAlert(EnteredValue) }
value={this.state.number} />

Answer 1

maxLength 道具用于验证输入的文本的最大长度，这里的要求是针对最大数字进行验证。你的逻辑应该像下面这样。

ShowMaxAlert = (EnteredValue) => {
if (EnteredValue < 50) {
this.setState({number: EnteredValue});
} else {
alert('Maximum number');
}
};

在这里，如果值大于 50，函数将发出警报，否则它将设置将更新文本框中值的状态。