小编Taf*_*med的帖子

在 React Native 中验证 IP 地址

我正在寻找一种方法来验证 RN 移动应用程序中的 ip 地址字段 (onChange)。

但它同时采用有效和无效的 IP 地址,并且每个部分的位数仍然精确为 3。

应用程序截图

我正在使用react-native-mask-input,到目前为止我已经尝试过:

const ipMask = [
    [/\d/],
    [/\d/],
    [/\d/],
    '.',
    [/\d/],
    [/\d/],
    [/\d/],
    '.',
    [/\d/],
    [/\d/],
    [/\d/],
    '.',
    [/\d/],
    [/\d/],
    [/\d/],
  ];

<View style={{flexDirection: 'row'}}>
        <View style={{flex: 1, flexDirection: 'column'}}>
          <View style={{flexDirection: 'row'}}>
            <Text
              style={{
                fontFamily: 'Titillium-Semibold',
                color: Colors.grey_888888,
                fontSize: 14,
                marginLeft: 13,
              }}>
              IP Address *
            </Text>
          </View>
          <MaskInput
            value={ip}
            mask={ipMask}
            style={{
              marginLeft: 10,
              marginRight: 10,
              marginTop: 5,
              fontSize: 15,
              width: '95%',
              fontFamily: 'Titillium-Semibold',
              fontWeight: 'normal',
              paddingBottom: 0, …
Run Code Online (Sandbox Code Playgroud)

javascript react-native

5
推荐指数
1
解决办法
1449
查看次数

标签 统计

javascript ×1

react-native ×1