今天给大家伙儿唠唠这个叫validationEngine的玩意儿,这东西是用来做表单验证的,说白,就是你网站上那些个让用户填信息的框框,你得保证用户填的东西靠谱,不能瞎填,对?
我听人介绍说,这个叫validationEngine的插件不错,我就寻思着试试。下载下来一看,版本还挺多,我这人比较喜欢新的,就选个v2.2.4的版本。然后我就开始琢磨咋用,这玩意儿是基于jQuery的,所以你得先有jQuery库。我把文件解压后,往我的项目里一放,就开始动手。
我得写个表单,就是HTML里的<form>
标签,里面放上各种输入框,比如<input type="text">
什么的。这都不叫事儿,三下五除二就搞定。
就是咋让这插件知道我要验证我发现,这插件的用法还挺有意思,它把验证规则都写在HTML标签的validate[]
里。比如说,我要验证一个输入框不能为空,还得至少有6个字符,我就这么写:validate[required,minSize[6]]
。这required
就是不能为空的意思,minSize[6]
就是最少6个字符。不同的规则之间,用英文逗号隔开,就像这样。我还试其他的,比如验证数字、邮箱什么的,它都支持,挺全的。
然后,我就开始测试。我故意填些不符合规则的内容,这插件还真给我提示,说我这儿不对那儿不对。提示信息的样式,是在一个叫的文件里定义的,我看看,觉得有点儿丑,就自己动手改改,让它看起来顺眼点儿。
我还试试跟AJAX结合,因为现在网站都流行这个,不用刷新页面就能跟服务器交换数据。这插件跟AJAX配合得也挺我可以把验证规则写在服务器端,然后在客户端这边调用,挺方便的。
使用过程中的小插曲
- 版本问题:开始用的时候,我没注意版本问题,用个比较旧的版本,发现有些规则在新版本里不好使。还是推荐大伙儿用新版本,省得踩坑。
- 样式调整:自带的样式确实有点儿那个,我还是建议大家根据自己的网站风格,调整一下样式,这样看起来更和谐。
这回用validationEngine的经历还算顺利。虽然中间遇到一些小问题,但都解决。这东西确实挺好用的,能帮我省不少事儿,不用自己写一堆验证代码。如果你也经常做网站开发,需要处理表单验证,不妨试试这个插件,相信你也会觉得它挺香的。