Web前端开发网

web.fly63.com

首页 资源 工具 文章 教程 栏目
  • 在线搜索
  • 文章标签
  • 文章投稿
  • 关于我们
资源分类
AI智能酷站推荐招聘/兼职框架/库模块/管理移动端UI框架Web-UI框架Js插件CSS相关在线工具建站资源 更多
网站收录 / 问题反馈

jQuery-Validation-Engine

分享
复制链接
新浪微博
QQ 好友

扫一扫分享

jQuery-Validation-Engine
网站地址:http://www.position-absolute.com/articles/jquery-form-validator-because-form-validation-is-a-mess/
GitHub:https://github.com/posabsolute/jQuery-Validation-Engine
描述信息: jquery强大的表单验证插件
访问官网
GitHub

jQuery Validation Engine是一款非常好用的表单验证工具,对常见的验证如:非空、长度、数字验证等,都有非常好的支持。 


引入jquery和插件js、css

<link rel="stylesheet" href="css/validationEngine.jquery.css" type="text/css" media="screen" charset="utf-8" /> 
<script src="js/jquery.js" type="text/javascript"></script> 
<script src="js/jquery.validationEngine-en.js" type="text/javascript"></script> 
<script src="js/jquery.validationEngine.js" type="text/javascript"></script>

jquery.validationEngine-en.js是语言文件,所有的提示都在这个文件找的到,可以很方便的转成其他语言,同时你也可以在这个文件内定制属于自己的验证规则。 


初始化插件

$(document).ready(function() { 
$("#formID").validationEngine() 
})

验证规则是写在表单元素的class属性内。比如下面: 

<input value="" class="validate[required,custom[noSpecialCaracters],length[0,20],ajax[ajaxUser]]" type="text" name="user" id="user" />

验证规则非常多样,基本上包含了所有的数据类型的验证。

所有的验证规则写在validate[]内,有多种验证,用逗号隔开,这里简要说明下常用的验证规则。  

  1. required:值不可以为空
  2. length[0,100] :文字允许长度
  3. confirm[fieldID] :匹配其他的表单元素的值,fieldID就是其他表单元素的id,这个主要用于再次确认密码
  4. telephone :数据格式要求符合电话格式
  5. email : 数据格式要求符合email 格式
  6. onlyNumber :只允许输入数字
  7. noSpecialCaracters :不允许出现特殊字符
  8. onlyLetter : 只能是字母
  9. date :必须符合日期格式YYYY-MM-DD


 

 

 

仅供个人学习参考/导航指引使用,具体请以第三方网站说明为准,本站不提供任何专业建议。如果地址失效或描述有误,请联系站长反馈~感谢您的理解与支持!

链接: https://web.fly63.com/nav/1737

更多»
热门资源
jquery插件库
收集最全最新最好的jQuery插件
官网
jQuery之家
致力于搜集和整理各种jQuery插件,jQuery特效...
官网
fullPage.js
jQuery全屏滚动插件
官网
GitHub
Waterfall.js
瀑布流无限加载插件
官网
GitHub
Raty
一个非常棒的jQuery 评分插件
官网
GitHub
Bootstrap-waterfall
一款基于Bootstrap仿Pinterest网站的网格瀑布流插件
官网
GitHub
Jcrop
一个功能强大的 jQuery 图像裁剪插件
官网
GitHub
jcarousel
jQuery轮播图插件
官网
GitHub
Parallax.js
一款jQuery滚动视觉差插件
官网
GitHub
vegas
一个jQuery / Zepto幻灯片插件
官网
GitHub
paroller.js
一款轻量级的页面滚动视觉差特效jquery插件
官网
GitHub
lazyload.js
jquery图片懒加载插件
官网
GitHub
类似于jQuery-Validation-Engine的资源
query-mousewheel
一个用于添加跨浏览器的鼠标滚轮支持的 jQuery 插件。
官网
GitHub
Waterwheel-Carousel
一款jquery 3d Carousel轮播图插件
官网
GitHub
jquery.timelinr.js
一款效果非常炫酷的jQuery时间轴插件
点击进入
GitHub
jQuery-Autocomplete
一个简单的,容易的,可定制的自动完成功能插件
官网
GitHub
paroller.js
一款轻量级的页面滚动视觉差特效jquery插件
官网
GitHub
Tabslet
jQuery Tab选项卡插件
官网
GitHub
Lettering.js
简单小巧的文字变色插件
官网
GitHub
messenger
一个JS信息提示框
官网
GitHub
目录

手机扫一扫预览

首页 技术导航 在线工具 技术文章 教程资源 前端标签 AI工具集 前端库/框架

Copyright © 2018 Web前端开发网 All Rights Reserved. 分享编程学习资源(教程/框架/库)、在线工具、技术教程、内容以学习参考为主,助您解决各类实际问题,快速提升专业能力。