jQuery表单验证插件
表单验证的老朋友——jQuery 验证插件,用起来真是省心。功能比较全,常用的邮箱、手机号验证统统搞定,还支持自定义规则。最妙的是,出错了它会自动提示,而且你还能改样式,跟自己项目的 UI 融合得不留痕。实时验证、提交前拦截、不让用户乱输数据,体验也不错。用$('#formId').validate()
一初始化,验证逻辑就有模有样了。
验证配置方面也挺灵活的。rules里设好规则,比如email: true
,messages里配好提示语,一整套下来逻辑清晰。还支持remote
异步校验,服务器也能参与校对。
要是你表单比较复杂,比如要对多个输入项做统一校验,可以用groups
。想在验证失败时弹个提示框?监听invalid.form
事件就行。插件扩展性也蛮强,写个自己的方法就能扩展功能。
常见的注册页、登录框、结算页都能用它搞定。响应快、配置简单,尤其适合那些不想折腾太多表单逻辑的项目。如果你喜欢用 jQuery,或者项目本来就用了 jQuery,那这个插件绝对是标配。
对了,有几个实用链接你可以看看:jQuery 表单验证 4.0.1 异步验证与自定义规则 和 jQuery 表单验证插件 都还不错,讲得挺细。
如果你想让表单验证这事变得更轻松,不妨试试jQuery 验证插件。尤其是对已有 jQuery 项目来说,接入起来基本没门槛。
37.34KB
文件大小:
评论区