如何将模式应用于材料 ui 输入？

Question

如何在Input不使用的情况下应用正则表达式模式进行验证onChange？

例如，如果我希望它完全接受 13 位数字^(\d{13})?$，type="text"

<Input id="number" type="text" />

Answer 1

<MaskedInput
      {...other}
      ref={inputRef}
      mask={['(', /[1-9]/, /\d/, /\d/, ')', ' ', /\d/, /\d/, /\d/, '-', /\d/, /\d/, /\d/, /\d/]}
      placeholderChar={'\u2000'}
      showMask
    />

您可以使用该mask属性，有关更多信息，请访问文档。

https://material-ui.com/demos/text-fields/#formatted-inputs