在React JS中验证用户输入

马尔萨尼

我试图弄清楚如何通过检查用户输入字符串的长度来验证用户的输入。现在,该代码将验证用户输入的是字符串还是整数。但是我需要帮助验证它们的输入字符串的长度,如果输入字符串的长度小于2,则会给他们一个错误。

const handleText = (event) => {
    let letters = /^[A-Za-z]+$/;

    if (event.target.value.match(letters)) {
        setText(event.target.value);
    }else
        setText("error");
}

return(


<div>
<TextField onChange = {handleText}  label={"Name"}/>
            {text}
</div>


);


}
Elpmid

可能这段代码会有所帮助。您可以在我创建的此链接沙箱中使用它您可以使用length属性通过onSubmit事件验证长度。

本文收集自互联网,转载请注明来源。

如有侵权,请联系[email protected] 删除。

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

对React JS中的输入进行验证

来自分类Dev

验证React中的输入字段

来自分类Dev

如何使用rxjs消除React.js中的用户输入

来自分类Dev

在React中的div中渲染用户输入

来自分类Dev

如何过滤每行的数据?使用搜索输入法,根据用户在 react.js 中输入的内容即时更新行

来自分类Dev

React/React Hooks:需要在用户取消选中复选框时触发输入验证

来自分类Dev

道具验证React JS中缺少

来自分类Dev

处理React js中的验证场景

来自分类Dev

验证react-bootstrap中select类型的输入

来自分类Dev

输入正确的值后,React 中的表单验证可见

来自分类Dev

输入验证错误消息在 React 中不会消失

来自分类Dev

React JS从输入数量中获取价值

来自分类Dev

在React.js表单中要求输入

来自分类Dev

用户停止输入时在React中执行功能

来自分类Dev

React-Native 在文本框中显示用户输入

来自分类Dev

React.js验证

来自分类Dev

React Js-无法在输入字段中输入值

来自分类Dev

单击表单对象中的react react js添加输入字段

来自分类Dev

验证QTableView中的用户输入

来自分类Dev

当用户输入某些内容时如何设置自定义输入状态结构 React js

来自分类Dev

验证输入框中的用户输入

来自分类Dev

如何在React JS或React-Redux JS中对CloudKit JS进行身份验证

来自分类Dev

React中的msal.js-Azure身份验证

来自分类Dev

React.js中的AWS Cognito身份验证

来自分类Dev

在输入元素中侦听的Mutiple事件(React.js)

来自分类Dev

React.js-无法在文本字段中输入

来自分类Dev

在React.JS中处理API调用的输入更改

来自分类Dev

在React.js中处理多个输入值

来自分类Dev

如果用户未通过身份验证,则显示公共逻辑React JS和Node API

Related 相关文章

热门标签

归档