validation - 是的 vs Joi 进行前端验证

标签 validation frontend joi yup

我想用 Yup 或 Joi 实现前端验证。
从我找到的所有文档和文章中,我得出了几个结论:

  • Joi has better performance
  • Joi 在后端验证中更受欢迎,而 Yup 在前端验证中更受欢迎
  • Joi has a lack of support on the frontend
  • 根据 official docs ,是的,它更精简并且使用客户端验证构建
  • 是的,包的大小比 Joi 小~2.5 倍 - link

  • 但是,我没能找到 什么 Joi 与 Yup 相比缺乏支持?
    现在,从所有这些结论来看,它选择拥有更小的捆绑包或更好的性能。

    最佳答案

    过去,joi 确实缺乏浏览器支持,至少开箱即用。它使用一些浏览器中不可用的 Node.js API 来实现其某些功能。仍然可以在其上使用 Browserify,或者使用非官方的 joi-browser npm 包,但是这个过程非常麻烦,在前端使用 joi 的情况并不常见。是的,基本上是一种解决方法。
    但是,该信息已过时,因为 joi 现在包含易于使用且大小与 yup 大致相同的官方浏览器构建。查看它的 package.json:https://github.com/sideway/joi/blob/83092836583a7f4ce16cbf116b8776737e80d16f/package.json#L8
    您的捆绑器,假设它设置正确,应该检测浏览器构建并自动使用它。例如,如果您使用的是 Rollup,请确保使用带有 @rollup/plugin-node-resolve 选项的 browser: true
    我强烈建议现在在前端使用 joi,因为您可以在前端和后端之间共享模式,这真的很棒。

    关于validation - 是的 vs Joi 进行前端验证,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/66009560/

    相关文章:

    javascript - 在进行缓存的 Ajax 调用时如何避免竞争条件

    node.js - 从文件加载 Joi 模式

    Joi 当兄弟时然后在根添加额外的规则

    performance - 向内联图像添加宽度和高度是否会提高页面加载性能?

    angular - Min 和 max 指令在 Angular 6 中没有按预期工作

    python - 对于 wtforms.BooleanField,DataRequired 验证器已损坏

    java - 如何在Java验证中支持同一模式的多个版本?

    node.js - Hapi/Joi 号码验证失败

    javascript - Bootstrap 表单验证在不需要输入时以绿色突出显示标签文本?

    ruby-on-rails - Rails 验证 : Limit input to specific values