如何使用 tcomb-form-native 向字段添加电子邮件验证？

Question

将 tcomb-form-native 库与 react native 结合使用 - 我已将键盘类型设置为电子邮件地址。如何向表单添加正则表达式或电子邮件验证器？我是否必须在提交函数上执行此操作（并引发特殊错误？）或者是否有我可以使用库设置的正则表达式验证字段？

我注意到 tcomb-validation https://github.com/gcanti/tcomb-validationlibrary 有一个 RegExp 类型字段 - 但我没有看到任何使用它的示例。显示的示例似乎测试了一个字段是否为正则表达式模式，这是一个令人困惑的用例，因为您通常希望根据正则表达式模式测试字段，而不是在字段中输入正则表达式模式。

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,
});