如何验证客户端资料的正确性

验证客户端数据正确性可以怎么做？通常验证数据的正确性会使用 JSDoc 或是 TypeScript 用于标注类型，虽然 TypeScript 可以帮助我们检查程序「执行之前的类型」，但在编译成 JavaScript 后还是仍有可能会于执行时因为数据与预期不符而出错，通常源自外部的数据（表单、网址、LocalStorage、API 响应）。

这时候就推荐使用 Zod 来进行客户端的数据验证，不管是在 Astro、tRPC、React Hook Form、VeeValidate 背后都有使用到 Zod，是个简单但充满威力的套件值得去了解。很有感的是近期重写一款需要通过 URL Query 来决定页面内容的网页，通过 Zod 很轻松优雅的就把验证的逻辑完成了。