注册、登录、下单、填资料，只要页面上有表单，就躲不开校验这件事。邮箱格式对不对、密码够不够长、两次输入一不一致、手机号是不是十一位，这些规则看着简单，真要一条条手写，逻辑很快就堆成一团，改一个规则还容易牵一发动全身。这次整理了 4 款开源免费、可商用的 JavaScript 表单校验库，从单字段校验到整表框架都覆盖了，挑一个用，校验这块能省下不少重复劳动。
四款库的差别在哪
Validator.js 是字符串校验的万金油，一个库提供几十种规则，邮箱、链接、手机号、身份证、银行卡、强密码、十六进制颜色都有，还带转义和规范化方法，前端后端都能用，最常见的就是单独调它的几个方法。Just-Validate 走轻量路线，体积小、零依赖，用配置对象声明规则即可，支持实时校验和自定义提示，默认样式干净。Parsley.js 是声明式的表单验证框架，直接在 HTML 标签上写属性就能定义规则，不用写 JS，规则多、表单多的项目改起来方便。is.js 主打类型和格式检测，几 KB 的体积，判断一个值是数组还是空对象、是邮箱还是手机号，写业务代码时不时就用得上。
选型上怎么考虑
选哪款主要看你的表单复杂度和团队习惯。只是给三五个输入框加个格式校验，Validator.js 或者 Just-Validate 就够了，引进来几十行代码搞定。如果是后台系统那种十几个字段、还要区分必填和选填的表单，Parsley.js 的声明式写法更省事，规则写在标签上，后端同学也能看懂、能改。is.js 一般不单独为了校验而用，更多是跟着业务逻辑走，随手做类型判断。这几款并不冲突，实际项目里搭配着用也很常见。
包内容和用法
压缩包里按库名分成了四个目录，每个目录放了构建产物和说明文档，用 script 标签直接引入即可，不需要构建工具，也不依赖任何框架。Validator.js 和 is.js 是纯 JS，引一个文件就行；Just-Validate 和 Parsley.js 提供了默认的错误提示样式，按需引入。每个目录都附带了许可文件，写清了协议。包体积很小，加起来不到两百 KB，对项目几乎没有负担。
表单校验是个细节活，做好了用户感觉不到，做差了体验直接打折——填错格式却没有任何提示，用户提交失败只会觉得这个网站难用。与其每个表单都重写一遍规则，不如挑一款成熟库收进工具箱，配一次到处能用。这四款都是经过大量项目验证的方案，稳定性和文档质量都靠得住。全部是 MIT 协议，可免费商用、修改和再分发，保留各自的许可文件即可。
暂无评论内容