Chrome 如何在textinput中添加2个大写字母和数字

oug3syen  于 2023-06-19  发布在  Go
关注(0)|答案(1)|浏览(114)

如何在textInput React native中添加两个大写字母和7个数字值

<NumericTextInput
              label={'Pet License Number'}
              keyboardType="number-pad"
              // err1={errorData?.license ? true : false}
              value={license ? license : ''}
              mode={'outlined'}
              onChangeText={(val) => setLicense(val)}
              maxLength={9}
            />

这是代码,格式是MD2345133

krugob8w

krugob8w1#

尝试这个正则表达式,它将有助于验证输入只接受两个大写字母和7个数值的字符串:

^([A-Z]{2}\d{7})$

例如:

const App = () => {
  const [text, setText] = useState('');
  const [isValid, setIsValid] = useState();

  const handleChange = (event) => {
    const value = event.nativeEvent.text;
    const regex = /^[A-Z]{2}\d{7}$/;
    setText(value);
    if (regex.test(value)) {
      setIsValid(true);
    } else {
      setIsValid(false);
    }
  };

  return (
    <View>
      <TextInput
        placeholder="Enter two capital letters and 7 digits"
        onChange={handleChange}
        value={text}
      />
      {!isValid && <Text>Input string is not valid</Text>}
    </View>
  );
};

相关问题