react&antd，手机号正则，这个正则怎么改才能把警告去了？

Question

这是一个，开头必须是1 第二位不能是1和2的手机号正则

<Form>
  <Form.Item label="用户名" name="newLoginName"
  rules={[
    { pattern: "/^1\s*[3456789]\s*(\d\s*){9}$/", message: "不能使用手机号作为用户名" }
  ]}>
      <Input placeholder="请输入用户名" size="small" maxLength={20} />
  </Form.Item>
</Form>

我把转义符都去了 结果正则没法用了，求教

Answer 1

你把正则表达式从字符串转换为正则表达式对象就行了

<Form>
  <Form.Item
    label="用户名"
    name="newLoginName"
    rules={[
      {
        pattern: /^1\s*[3456789]\s*(\d\s*){9}$/,
        message: "不能使用手机号作为用户名",
      },
    ]}
  >
    <Input placeholder="请输入用户名" size="small" maxLength={20} />
  </Form.Item>
</Form>

Answer 2

/^1[3456789]\d{9}$/匹配手机号这样应该就行了，为啥要加\s