reactJS 中的验证答案

【问题标题】：Validations in reactJSreactJS 中的验证
【发布时间】：2018-06-05 17:05:52
【问题描述】：

我正在使用“formsy-react”模块进行验证，我需要为输入创建不同的类 type="text", type="checkbox", type="radio" 有没有更好的方法来实现反应验证。请告诉我模块名称和功能。

【问题讨论】：

我不是 100% 清楚你的问题是什么。 formsy-react 允许将验证作为道具传递。您是否想根据某种验证更改各种输入类型的 CSS 类？

标签： reactjs

【解决方案1】：

“更好的方法”是主观的。这取决于您的用例。

验证输入数据的最简单方法是使用 HTML 属性 pattern，您可以阅读有关 here

的信息

例如，只允许最多 3 个小写和大写字母，不包含任何特殊字符或数字：

<input type="text" pattern="[A-Za-z]{3}" />

另一种验证数据的方法是使用正则表达式（使用上述模式属性自动生成）。但你可以手动完成。

验证电子邮件地址的 Javascript 示例：

function validateEmail(email) {
var re = /^(([^<>()\[\]\\.,;:\s@"]+(\.[^<>()\[\]\\.,;:\s@"]+)*)|(".+"))@((\[[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\])|(([a-zA-Z\-0-9]+\.)+[a-zA-Z]{2,}))$/;
return re.test(String(email).toLowerCase());

}

【讨论】：