reactJS中的验证

Question

我正在使用，＆＃34; formy-react＆＃34;验证模块，我需要为输入类型创建不同的类=＆＃34; text＆＃34;，type =＆＃34; checkbox＆＃34;，type =＆＃34; radio＆＃34; 有没有更好的方法来实现反应验证。 请告诉我模块名称和功能。

Answer 1

A＆＃34;更好的方式＆＃34;是主观的。这取决于您的使用案例。

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

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

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

另一种验证数据的方法是使用Regex（使用上面描述的pattern属性自动生成）。但你可以手动完成。

验证电子邮件地址的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());

}