用户输入的卡号必须大于12,且长度不得小于12.这是我的文本字段声明.

<TextField
    id="SigninTextfield"
    label="Aadhaar number"
    id="Aadhar"
    lineDirection="center"
    required={true}
    type="number"
    maxLength={12}
    style={styles.rootstyle}
    erorText="Please enter only 12 digits number"
/>

现在我不明白是否要使用javascript或任何事件处理程序来限制长度.

推荐答案

我找到了另一个解决办法.

<TextField
    required
    id="required"
    label="Required"
    defaultValue="Hello World"
    onInput = {(e) =>{
        e.target.value = Math.max(0, parseInt(e.target.value) ).toString().slice(0,12)
    }}/>

Reactjs相关问答推荐

为什么这个'Suspense'子组件在挂起promise解决后会丢失它的状态,而不是呈现?<>

是否可能有不同的加载器用于路径有查询参数和没有查询参数,或者在React Router 6中添加它们时有条件地跳过一个加载器?

如何在react组件中使用formik进行验证

在Reaction中测试条件组件

try 在Dockerfile中使用AWS CLI将React构建工件上传到S3时出错

如何使ionic 面包屑在州政府条件下可点击?

Material-UI 和 React Hook 表单不记录值

React useEffect 依赖项

如何在next.js 13中仅在主页导航栏上隐藏组件?

当我在 React Router Dom 中使用两个参数并直接在页面上导航时,数据获取没有发生

为什么 createSlice 中的 reducer 不能以不同的方式改变状态?

虽然通过了身份认证,但并没有导航到请求的页面

将 useState 设置为组件内部的值

使用 axios 响应路由 Dom 操作

为什么接受 useState 返回的函数的 setter 在使用 React 的单个调用中执行两次?

如何从 graphql/apollo 中的缓存中清除多个查询

React - 仅在变量为真时显示项目

我刚刚部署了我的 Vite React 站点,但我的图标/图像没有部署

如何将值从下拉列表传递到 select 上的输入?响应式JS

我在使用 Elements of stripe 时使用 React router v6