如何将电子邮件验证添加到带有t梳理格式的本地字段中？

Question

我已经将keyboardType设置为电子邮件地址，使用带有react本机的tcomb表单本机库。如何向表单中添加regex或电子邮件验证程序？是否必须对submit函数执行此操作(并抛出一个特殊错误？)或者我可以使用库设置regex验证字段吗？

我注意到t梳理验证https://github.com/gcanti/tcomb-validationlibrary有一个RegExp类型字段，但我没有看到如何使用它的任何示例。显示的示例似乎测试某个字段是否是regex模式，这是一个令人困惑的用例，因为您通常希望针对regex模式测试字段，而不是将regex模式输入字段。

Answer 1

您可以使用RegExp检查创建自己的子类型。

const Email = t.refinement(t.String, email => {
  const reg = /[a-z0-9!#$%&'*+/=?^_`{|}~-]+(?:\.[a-z0-9!#$%&'*+/=?^_`{|}~-]+)*@(?:[a-z0-9](?:[a-z0-9-]*[a-z0-9])?\.)+[a-z0-9](?:[a-z0-9-]*[a-z0-9])?/; //or any other regexp
  return reg.test(email);
});

const Person = t.struct({
  name: t.String,
  email: Email,
});