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 相关文章推荐
Javascript常用运算符(Operators)-javascript基础教程
Dec 14 Javascript
基于Jquery实现的一个图片滚动切换
Jun 21 Javascript
jQuery性能优化的38个建议
Mar 04 Javascript
ajax请求乱码的解决方法(中文乱码)
Apr 10 Javascript
Jquery 监视按键,按下回车键触发某方法的实现代码
May 11 Javascript
js实现ArrayList功能附实例代码
Oct 29 Javascript
浅谈JS原生Ajax,GET和POST
Jun 08 Javascript
Bootstrap源码解读网格系统(3)
Dec 22 Javascript
Bootstrap Table 搜索框和查询功能
Nov 30 Javascript
10 种最常见的 Javascript 错误(频率最高)
Feb 08 Javascript
vue-router路由模式详解(小结)
Aug 26 Javascript
html5 录制mp3音频支持采样率和比特率设置
Jul 15 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统计时间和内存使用情况示例分享
2014/03/13 PHP
解决ThinkPHP关闭调试模式时报错的问题汇总
2015/04/22 PHP
php快速排序原理与实现方法分析
2016/05/26 PHP
PHP crc32()函数讲解
2019/02/14 PHP
基于jQuery实现下拉收缩(展开与折叠)特效
2012/12/25 Javascript
jQuery解决下拉框select设宽度时IE 6/7/8下option超出显示不全
2013/05/27 Javascript
js实现连续英文字符自动换行兼容ie6 ie7和firefox
2013/09/06 Javascript
jquery 删除cookie失效的解决方法
2013/11/12 Javascript
jquery实现checkbox 全选/全不选的通用写法
2014/02/22 Javascript
jQuery实现表格行上下移动和置顶效果
2015/06/05 Javascript
JS+CSS实现六级网站导航主菜单效果
2015/09/28 Javascript
jQuery禁用键盘后退屏蔽F5刷新及禁用右键单击
2016/01/22 Javascript
深入理解JavaScript中的浮点数
2016/05/18 Javascript
Bootstrap导航条的使用和理解3
2016/12/14 Javascript
Angularjs根据json文件动态生成路由状态的实现方法
2017/04/17 Javascript
js实现电灯开关效果
2021/01/19 Javascript
python字符串连接方式汇总
2014/08/21 Python
python检测远程端口是否打开的方法
2015/03/14 Python
使用Node.js和Socket.IO扩展Django的实时处理功能
2015/04/20 Python
python计算牛顿迭代多项式实例分析
2015/05/07 Python
Django实现的自定义访问日志模块示例
2017/06/23 Python
python实现括号匹配的思路详解
2018/08/23 Python
使用Python的turtle模块画国旗
2019/09/24 Python
PyQt5+Pycharm安装和配置图文教程详解
2020/03/24 Python
李维斯牛仔裤英国官方网站:Levi’s英国
2019/10/10 全球购物
Herschel美国官网:背包、手提袋及配件
2020/03/10 全球购物
客服实习的个人自我鉴定
2013/10/20 职场文书
经管应届生求职信
2013/11/17 职场文书
艺术设计专业个人求职信范文
2013/12/11 职场文书
思想汇报格式
2014/01/05 职场文书
优秀少先队辅导员事迹材料
2014/12/24 职场文书
2016校本研修培训心得体会
2016/01/08 职场文书
大学学生会主席竞选稿怎么写?
2019/08/19 职场文书
vue引入Excel表格插件的方法
2021/04/28 Vue.js
golang 生成对应的数据表struct定义操作
2021/04/28 Golang