jquery validate 插件实例教程_H5之家 - 中国HTML5教程资源分享第一站

jquery validate 插件实例教程

2013-02-02 22:16:07| 发布: 黄奕能| 浏览: 1187

jquery validate是一个表单较难的jquery插件,在github上的地址是：https://github.com/jzaefferer/jquery-validation，应用比较简单，当然也可以从jquery的官网获取得到。

使用的时候引用jquery的库和validate的库就可以了，使用方面看下面的例子。

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" lang="en"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>jquery validate 插件实例01</title> <meta content="Administrator" /> <link type="text/css" href="js/css/screen.css" /> <script type="text/javascript" src="js/jquery-1.9.0.js"></script> <script type="text/javascript" src="js/jquery.validate.js"></script> <script type="text/javascript"> $(function(){ $("#myform").validate({ rules:{ username:"required", address:{ required:true, minlength:3 }, age:"digits", pwd:"required", cpwd:{ equalTo:"#pwd" } }, messages:{ username:"用户名必须输入", address:{ required:"用户地址必须输入", minlength:"地址不能小于3位" }, age:"年龄必须是整数", pwd:"密码必须输入", cpwd:"两次密码不一致" } }); }); </script> </head> <body> <form action="#"> Username:<input type="text"/><br/> Address:<input type="text"/><br/> Age:<input type="text"/><br/> password:<input type="text"/><br/> confirm password:<input type="text"/><br/> <input type="submit" /> </form> </body> </html>

本文链接：jquery validate 插件实例教程，由领悟书生原创

转载请注明出处【】

如非特别注明，本站内容均为领悟书生原创，转载请务必注明作者和原始出处。
本文地址：

jquery 插件开发

Flash图表控件FusionCharts如何在图表标绘非连续数据

Flash图表控件FusionCharts如何高亮显示数据

如何设置FusionCharts图片导出格式

Flash图表FusionCharts如何自定义图表导出菜单或界面

jQuery的validate插件使用整理(第三部分：扩展)

jQuery的validate插件使用整理(第二部分：基础知识)

jQuery的validate插件使用整理(第一部分：HelloWorld)

解决eWebEditor编辑器在IE7跟IE8中无法正常使用的问题