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 相关文章推荐
jQuery+jqmodal弹出窗口实现代码分明
Jun 14 Javascript
JQuery判断HTML元素是否存在的两种解决方法
Dec 26 Javascript
JS获取客户端IP地址、MAC和主机名的7个方法汇总
Jul 21 Javascript
jQuery中dom元素上绑定的事件详解
Apr 24 Javascript
jQuery移动web开发中的页面初始化与加载事件
Dec 03 Javascript
xcode中获取js文件的路径方法(推荐)
Nov 05 Javascript
jQuery实现二维码扫描功能
Jan 09 Javascript
jQuery实现在新增加的元素上添加事件方法案例分析
Feb 09 Javascript
jQuery实现碰到边缘反弹的动画效果
Feb 24 jQuery
vue addRoutes实现动态权限路由菜单的示例
May 15 Javascript
关于jquery中attr()和prop()方法的区别
May 28 jQuery
如何在Angular8.0下使用ngx-translate进行国际化配置
Jul 24 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消息队列用法实例分析
2016/02/12 PHP
php删除数组指定元素实现代码
2017/05/03 PHP
Laravel框架Auth用户认证操作实例分析
2019/09/29 PHP
TP5框架简单登录功能实现方法示例
2019/10/31 PHP
初学js 新节点的创建 删除 的步骤
2011/07/04 Javascript
基于JavaScript自定义构造函数的详解说明
2013/04/24 Javascript
javascript获取函数名称、函数参数、对象属性名称的代码实例
2014/04/12 Javascript
JavaScript字符串对象toLowerCase方法入门实例(用于把字母转换为小写)
2014/10/17 Javascript
javascript实现简单的贪吃蛇游戏
2015/03/31 Javascript
Bootstrap实现带动画过渡的弹出框
2016/08/09 Javascript
JS去掉字符串中所有的逗号
2017/10/18 Javascript
解决Vue使用mint-ui loadmore实现上拉加载与下拉刷新出现一个页面使用多个上拉加载后冲突问题
2017/11/07 Javascript
JS函数节流和防抖之间的区分和实现详解
2019/01/11 Javascript
[原创]微信小程序获取网络类型的方法示例
2019/03/01 Javascript
解决VUE双向绑定失效的问题
2019/10/29 Javascript
Taro UI框架开发小程序实现左滑喜欢右滑不喜欢效果的示例代码
2020/05/18 Javascript
[04:10]DOTA2英雄梦之声_第11期_圣堂刺客
2014/06/21 DOTA
[34:39]DOTA2上海特级锦标赛主赛事日 - 4 败者组第四轮#1COL VS EG第二局
2016/03/05 DOTA
Python环境下搭建属于自己的pip源的教程
2016/05/05 Python
python中的不可变数据类型与可变数据类型详解
2018/09/16 Python
Pycharm 实现下一个文件引用另外一个文件的方法
2019/01/17 Python
如何使用python爬虫爬取要登陆的网站
2019/07/12 Python
python 使用while写猜年龄小游戏过程解析
2019/10/07 Python
解决pyqt5异常退出无提示信息的问题
2020/04/08 Python
网页切图的CSS和布局经验与要点
2015/04/09 HTML / CSS
Bally澳大利亚官网:瑞士奢侈品牌
2018/11/01 全球购物
初中生三年学习生活的自我评价
2013/11/03 职场文书
好家长事迹材料
2014/01/23 职场文书
三年级科学教学反思
2014/01/29 职场文书
消防安全检查制度
2014/02/04 职场文书
关于环保的建议书
2014/05/12 职场文书
装修施工安全责任书
2014/07/24 职场文书
政协调研汇报材料
2014/08/15 职场文书
我们的节日元宵活动方案
2014/08/23 职场文书
办公室主任个人总结
2015/02/28 职场文书
python爬虫之selenium库的安装及使用教程
2021/05/23 Python