首页 诗词 字典 板报 句子 名言 友答 励志 学校 网站地图
当前位置: 首页 > 教程频道 > 网站开发 > Web前端 >

Jquery学习札记五 通过validate插件来验证表单

2012-10-25 
Jquery学习笔记五 通过validate插件来验证表单一般我们在做表单验证的时候,更多的是通过js来实现,有的时候

Jquery学习笔记五 通过validate插件来验证表单
    一般我们在做表单验证的时候,更多的是通过js来实现,有的时候表单的字段多了,可能会很麻烦,用Jquery的validate插件,可以很方便的做到表单的验证,这款插件提供了包括判断是否为空,格式是否正确等大概19种验证规则,现在就通过validate插件来验证一下示例表单。
    首先准备html页面,代码如下,在引入jquery的同时,还要引入两个js文件,就是validate的插件和国际化的插件,代码如下


初始化的表单如图所示


现在我要加验证代码了,根据jquery提供的插件,我可以这样来写验证脚本,

这样写完后,可以出现验证提示,但是提示语言是英文的,这个时候我们就要用到国际化的插件了,可以定义自己想定义的提示方式
需要加上这么一段代码

如果输入都正确,则有以下提示


利用这款插件做验证,非常方便。

热点排行