validationengine是什么?新手入门指南一看就懂!

吉云

今天给大家伙儿唠唠这个叫validationEngine的玩意儿,这东西是用来做表单验证的,说白,就是你网站上那些个让用户填信息的框框,你得保证用户填的东西靠谱,不能瞎填,对?

我听人介绍说,这个叫validationEngine的插件不错,我就寻思着试试。下载下来一看,版本还挺多,我这人比较喜欢新的,就选个v2.2.4的版本。然后我就开始琢磨咋用,这玩意儿是基于jQuery的,所以你得先有jQuery库。我把文件解压后,往我的项目里一放,就开始动手。

我得写个表单,就是HTML里的<form>标签,里面放上各种输入框,比如<input type="text">什么的。这都不叫事儿,三下五除二就搞定。

validationengine是什么?新手入门指南一看就懂!

就是咋让这插件知道我要验证我发现,这插件的用法还挺有意思,它把验证规则都写在HTML标签的validate[]里。比如说,我要验证一个输入框不能为空,还得至少有6个字符,我就这么写:validate[required,minSize[6]]。这required就是不能为空的意思,minSize[6]就是最少6个字符。不同的规则之间,用英文逗号隔开,就像这样。我还试其他的,比如验证数字、邮箱什么的,它都支持,挺全的。

然后,我就开始测试。我故意填些不符合规则的内容,这插件还真给我提示,说我这儿不对那儿不对。提示信息的样式,是在一个叫的文件里定义的,我看看,觉得有点儿丑,就自己动手改改,让它看起来顺眼点儿。

我还试试跟AJAX结合,因为现在网站都流行这个,不用刷新页面就能跟服务器交换数据。这插件跟AJAX配合得也挺我可以把验证规则写在服务器端,然后在客户端这边调用,挺方便的。

使用过程中的小插曲

  • 版本问题:开始用的时候,我没注意版本问题,用个比较旧的版本,发现有些规则在新版本里不好使。还是推荐大伙儿用新版本,省得踩坑。
  • validationengine是什么?新手入门指南一看就懂!

  • 样式调整:自带的样式确实有点儿那个,我还是建议大家根据自己的网站风格,调整一下样式,这样看起来更和谐。

这回用validationEngine的经历还算顺利。虽然中间遇到一些小问题,但都解决。这东西确实挺好用的,能帮我省不少事儿,不用自己写一堆验证代码。如果你也经常做网站开发,需要处理表单验证,不妨试试这个插件,相信你也会觉得它挺香的。

免责声明:由于无法甄别是否为投稿用户创作以及文章的准确性,本站尊重并保护知识产权,根据《信息网络传播权保护条例》,如我们转载的作品侵犯了您的权利,请您通知我们,请将本侵权页面网址发送邮件到qingge@88.com,深感抱歉,我们会做删除处理。

目录[+]