我想添加类型和maxLength到我的文本字段

Question

<TextField
value={ele.mobile}
helperText={ferrors[id]?.mobile}
name="mobile"
classes={{ root: classes.textField }}
InputProps={{ className: classes.textField }}
inputProps={{ maxLength: 10, type:'number'}}
label="Mobile Number"
variant="outlined"
onChange={(e) => handleChange(id, e)}
/>

我已经给出了值形式的输入道具的maxlength和类型，但只有类型是工作

Answer 1

maybe this will help

<TextField
required
id="required"
label="Required"
min={0}
inputProps={{
maxLength: 5,
type: 'number',
}}
onInput={(e)=>{
e.target.value = Math.max(0, parseInt(e.target.value) ).toString().slice(0,e.target.maxLength)
}}
/>

Answer 2

如果你想让长度为10的数字，只需使用max与largest的数字:

inputProps={{ max: 9999999999, type:'number'}}

Answer 3

关于你的问题，我认为你可以尝试在inputProps中使用maxlength设置。

<TextField
value={ele.mobile}
helperText={ferrors[id]?.mobile}
name="mobile"
classes={{ root: classes.textField }}
InputProps={{ className: classes.textField }}
inputProps ={{ maxlength: 10, type:'number'}}
label="Mobile Number"
variant="outlined"
onChange={(e) => handleChange(id, e)}
/>