Material UI 文本字段正则表达式

Question

我需要两个来自 MaterialUI 的 TextField 的文本框，一个只能输入字母（小写或大写也可以包含空格 {Example : Risha Raj} 作为第一个文本框）另一个也只有字母表（小写字母或大写字母）除外，但 maxLength 只有 3

所以我做了以下事情

           <TextField
            id='Product Name'
            label='Enter Student  Name'
            name='sname'
            value={values.sname}
            onChange={handleChange}
            error={errors.sname}
          />
            <TextField
            id='section'
            label='Enter Class Section'
            name='ccode'
            inputProps={{maxLength:3}}
            value={values.ccode}
            onChange={handleChange}
            error={errors.ccode}
          />

我可以限制长度但不能做字母表

Answer 1

这与MaterialUI无关。

您需要在 handleChange 上创建一个验证器函数。

参见：

Material UI 文本字段正则表达式

Material UI TextField Regex

html

javascript

reactjs

material-ui