在TextInput中仅允许使用字母-ReactNative(iOS)

时间:2018-12-19 05:40:59

标签: regex reactjs react-native textinput

我试图限制我的TextInput允许任何非字母的字符。例如,我不想输入像$,%,&,*,(,),@,#这样的字符。我已经在我的reactjs项目中做到了这一点,但无法在我的reactNative移动应用程序上使用它。我的方法如下。

TextInput

                           <TextInput
                                underlineColorAndroid='transparent'
                                allowFontScaling={false}
                                style={styles.questionText}
                                onKeyPress={(e) => this.restrict(e)}
                                onChangeText={this.addTextFirstName.bind(this)}
                                value={firstNameState}
                            />

功能

    restrict = (event) => {
        const regex = new RegExp("/^[^!-\\/:-@\\[-`{-~]+$/;");
        const key = String.fromCharCode(!event.charCode ? event.which : event.charCode);
        if (!regex.test(key)) {
            event.preventDefault();
            return false;
        }
    }

如何使它在我的reactNative应用程序中工作。我的reactjs网络应用程序可以很好地使用此代码。

0 个答案:

没有答案