时间戳

首页 > 解决方案 > 验证输入文本字段，不接受第一个字符作为数字和特殊字符

javascript - 验证输入文本字段，不接受第一个字符作为数字和特殊字符

问题描述

在输入文本字段中允许有效大小写并防止无效大小写

输入字段必须接受以下内容：

有效案例
qw12@ qwe12
qweryt@123

并且不接受以下内容：

无效案例
1a@
@qwe1
1@qwer

标签： javascripthtmljqueryinput-field

解决方案

你可以这样做让你 textInput 一个受控组件

const [textInputValue, setTextInputValue] = useState('')

  const onTextInputChange = (newText) => {
    //Here you can manipulate the value of the textinput as you want

    setTextInputValue(newText)
  }

  return (
    <View style={styles.container}>
      <TextInput style={styles.textInput} value={textInputValue} onChangeText={onTextInputChange} />
    </View>
  );

考虑到使用此解决方案，如果用户键入速度快于 react-native 能够更新本机视图，您可能会遇到一些闪烁问题。

否则，您可以尝试本地实现它，例如，这是 TextInput 组件的自定义包装器的示例，它允许将正则表达式传递给白名单允许的字符

推荐阅读