jQuery插件form-validation-engine正则表达式操作示例


Posted in Javascript onFebruary 09, 2017

本文实例讲述了jQuery插件form-validation-engine正则表达式操作。分享给大家供大家参考,具体如下:

form-validation-engine是一个不错的表单验证插件,示例如下:

(function($) {
 $.fn.validationEngineLanguage = function() {};
 $.validationEngineLanguage = {
  newLang: function() {
   $.validationEngineLanguage.allRules =  {"required":{ // Add your regex rules here, you can take telephone as an example
      "regex":"none",
      "alertText":"* 必选字段",
      "alertTextCheckboxMultiple":"* 请选择选项",
      "alertTextCheckboxe":"* 需要这个复选框"},
     "length":{
      "regex":"none",
      "alertText":"*在 ",
      "alertText2":" 和 ",
      "alertText3": " 之间"},
     "maxCheckbox":{
      "regex":"none",
      "alertText":"* 检查允许超过"},
     "minCheckbox":{
      "regex":"none",
      "alertText":"* 请选择 ",
      "alertText2":" 选项"},
     "confirm":{
      "regex":"none",
      "alertText":"* 你的字段不匹配"},
     "telephone":{
      "regex":"/^[0-9\-\(\)\ ]+$/",
      "alertText":"* 无效的号码"},
     "email":{
      "regex":"/^[a-zA-Z0-9_\.\-]+\@([a-zA-Z0-9\-]+\.)+[a-zA-Z0-9]{2,4}$/",
      "alertText":"* 无效的邮箱"},
     "date":{
       "regex":"/^[0-9]{4}\-\[0-9]{1,2}\-\[0-9]{1,2}$/",
       "alertText":"* 无效的日期,必须是YYYY-MM-DD的格式"},
     "onlyNumber":{
      "regex":"/^[0-9\ ]+$/",
      "alertText":"* 只允许输入数字"},
     "noSpecialCaracters":{
      "regex":"/^[0-9a-zA-Z]+$/",
      "alertText":"* 有非法字符"},
     "ajaxUser":{
      "file":"validateUser.php",
      "extraData":"name=eric",
      "alertTextOk":"* 这个用户是合法的",
      "alertTextLoad":"* 加载中,请等待",
      "alertText":"* 这个用户已经存在"},
     "ajaxName":{
      "file":"validateUser.php",
      "alertText":"* 这个名字已经被使用",
      "alertTextOk":"* 这个名字是可以的",
      "alertTextLoad":"* 加载中,请等待"},
     "onlyLetter":{
      "regex":"/^[a-zA-Z\ \']+$/",
      "alertText":"* 只允许输入字母"},
     "validate2fields":{
      "nname":"validate2fields",
      "alertText":"* 你必须有姓和名"}
     }
  }
 }
})(jQuery);
$(document).ready(function() {
 $.validationEngineLanguage.newLang()
});

这里面有不少正则表达式,很有意思。

jQuery插件form-validation-engine正则表达式操作示例

很有意思的form表单验证。

Javascript 相关文章推荐
QQ邮箱的一个文本编辑器代码
Mar 14 Javascript
select 控制网页内容隐藏于显示的实现代码
May 25 Javascript
jQuery中innerHeight()方法用法实例
Jan 19 Javascript
深入理解JavaScript系列(31):设计模式之代理模式详解
Mar 03 Javascript
jQuery.Highcharts.js绘制柱状图饼状图曲线图
Mar 14 Javascript
js面向对象之常见创建对象的几种方式(工厂模式、构造函数模式、原型模式)
Nov 09 Javascript
jquery利用拖拽方式在图片上添加热链接
Nov 24 Javascript
Angular.js中用ng-repeat-start实现自定义显示
Oct 18 Javascript
php main 与 iframe 相互通讯类(js+php同域/跨域)
Sep 14 Javascript
JavaScript实现兼容IE6的收起折叠与展开效果实例
Sep 20 Javascript
原生js拖拽实现图形伸缩效果
Feb 10 Javascript
Vue实现腾讯云点播视频上传功能的实现代码
Aug 17 Javascript
javascript history对象详解
Feb 09 #Javascript
jquery dialog获取焦点的方法
Feb 09 #Javascript
jQuery实现淡入淡出的模态框
Feb 09 #Javascript
Base64(二进制)图片编码解析及在各种浏览器的兼容性处理
Feb 09 #Javascript
JS在浏览器中解析Base64编码图像
Feb 09 #Javascript
jQuery实现在新增加的元素上添加事件方法案例分析
Feb 09 #Javascript
jquery滚动条插件slimScroll使用方法
Feb 09 #Javascript
You might like
php计算两个文件相对路径的方法
2015/03/14 PHP
PHP数组实际占用内存大小原理解析
2020/12/11 PHP
JavaScript Prototype对象
2009/01/07 Javascript
Extjs学习过程中新手容易碰到的低级错误积累
2010/02/11 Javascript
微博@符号的用户名提示效果。(想@到谁?)
2010/11/05 Javascript
JavaScript异步编程Promise模式的6个特性
2014/04/03 Javascript
MVC Ajax Helper或Jquery异步加载部分视图
2015/11/29 Javascript
jQuery的实例及必知重要的jQuery选择器详解
2016/05/20 Javascript
表单input项使用label同时引用Bootstrap库导致input点击效果区增大问题
2016/10/11 Javascript
jQuery与vue实现拖动验证码功能
2018/01/30 jQuery
JavaScript Canvas实现验证码
2020/08/02 Javascript
JS中作用域以及变量范围分析
2020/07/18 Javascript
vue用ant design中table表格,点击某行时触发的事件操作
2020/10/28 Javascript
[48:02]Ti4循环赛第三日 VG vs Liquid和NEWBEE vs DK
2014/07/12 DOTA
[56:21]LGD vs IG 2018国际邀请赛小组赛BO2 第二场 8.18
2018/08/19 DOTA
Python列表(list)常用操作方法小结
2015/02/02 Python
Python实现简单的四则运算计算器
2016/11/02 Python
基于使用paramiko执行远程linux主机命令(详解)
2017/10/16 Python
Python基于最小二乘法实现曲线拟合示例
2018/06/14 Python
对python For 循环的三种遍历方式解析
2019/02/01 Python
用python3读取python2的pickle数据方式
2019/12/25 Python
Python3 中sorted() 函数的用法
2020/03/24 Python
CSS3美化表单控件全集
2016/06/29 HTML / CSS
日语求职信范文
2013/12/17 职场文书
会计电算化专业毕业生推荐信
2013/12/24 职场文书
工程班组长岗位职责
2013/12/30 职场文书
中专生职业生涯规划书范文
2014/01/10 职场文书
工程师岗位职责规定
2014/02/26 职场文书
交警作风整顿剖析材料
2014/10/11 职场文书
给领导的感谢信范文
2015/01/23 职场文书
教师学期个人总结
2015/02/11 职场文书
农村老人去世追悼词
2015/06/23 职场文书
公务员处分决定书
2015/06/25 职场文书
同步小康驻村工作简报
2015/07/20 职场文书
总经理致辞
2015/07/29 职场文书
创业计划书之闲置物品置换中心
2019/12/25 职场文书