jquery表单验证插件——使用方式非常简单,明了
2013-02-19 11:34
681 查看
今日,项目需要用到表单验证。于是在网上发现了这款非常不错的jquery表单验证插件,现在分享给大家:
使用方法:
1.到githup下载zip压缩包https://github.com/posabsolute/jQuery-Validation-Engine
2.解压文件
3.在你的项目中导入js文件夹中的如下文件:jquery.js,jquery.validationEngine.js,jquery.validationEngine-zh_CN.js(汉化资源文件)
4.在你的项目中导入css文件
5.在表单中添加验证
6.添加初始化js脚本
7.运行,效果如下:
ok!
使用方法:
1.到githup下载zip压缩包https://github.com/posabsolute/jQuery-Validation-Engine
2.解压文件
3.在你的项目中导入js文件夹中的如下文件:jquery.js,jquery.validationEngine.js,jquery.validationEngine-zh_CN.js(汉化资源文件)
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.4.4/jquery.js" type="text/javascript"></script> <script src="js/jquery.validationEngine_CN.js" type="text/javascript" charset="utf-8"></script> <script src="js/jquery.validationEngine.js" type="text/javascript" charset="utf-8"></script>
4.在你的项目中导入css文件
<link rel="stylesheet" href="css/validationEngine.jquery.css" type="text/css"/>
5.在表单中添加验证
<input value="someone@nowhere.com" class="validate[required]" type="text" name="email" id="email" />
6.添加初始化js脚本
<script> $(document).ready(function(){ $("#formID").validationEngine(); //formID为表单的id }); </script>
7.运行,效果如下:
ok!
相关文章推荐
- jQuery表单验证插件 - 使用方式非常简单,明了
- jquery表单验证插件——使用方式非常简单,明了
- jQuery form插件的使用--用 formData 参数校验表单,验证后提交(简单验证).
- JQuery插件使用之Validation 快速完成表单验证的几种方式
- JQuery插件使用之Validation 快速完成表单验证的几种方式
- jquery表单验证插件(jquery.validate.js)的3种使用方式
- jquery validate插件前端表单验证插件的使用
- ASP.NET jQuery 食谱12 (通过使用jQuery validation插件简单实现用户注册页面验证功能)
- 使用jquery的验证框架,对表单进行验证(简单、基础)
- ASP.NET jQuery 实例11 通过使用jQuery validation插件简单实现用户登录页面验证功能
- 快速学习jQuery插件 jquery.validate.js表单验证插件使用方法
- 快速学习jQuery插件 jquery.validate.js表单验证插件使用方法
- jquery表单验证使用插件formValidator
- JQuery插件第十四个:简单验证表单
- jQuery 表单验证插件 jQuery Validation Engine 使用
- ASP.NET jQuery 实例11 通过使用jQuery validation插件简单实现用户登录页面验证功能
- Validation-jQuery表单验证插件使用方法
- 表单验证插件 jquery.validata 使用方法
- jQuery.Validate表单验证插件的使用示例详解
- 使用jquery.validate.js插件进行表单里控件的验证