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 应用类库代码
Jun 02 Javascript
javascript动态添加样式(行内式/嵌入式/外链式等规则)
Jun 24 Javascript
子窗体与父窗体传值示例js代码
Aug 01 Javascript
基于javascript html5实现多文件上传
Mar 03 Javascript
JavaScrpt判断一个数是否是质数的实例代码
Jun 11 Javascript
JS实现简单的选择题测评系统代码思路详解(demo)
Sep 03 Javascript
除Console.log()外更多的Javascript调试命令
Jan 24 Javascript
如何在 JavaScript 中更好地利用数组
Sep 27 Javascript
解决layer图标icon不加载的问题
Sep 04 Javascript
Vue 解决路由过渡动画抖动问题(实例详解)
Jan 05 Javascript
基于vue 动态菜单 刷新空白问题的解决
Aug 06 Javascript
vue实现tab栏点击高亮效果
Aug 19 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防盗链的常用方法小结
2010/07/02 PHP
php中url函数介绍及使用示例
2014/02/13 PHP
php 利用array_slice函数获取随机数组或前几条数据
2015/09/30 PHP
JavaScript入门学习书籍推荐
2008/06/12 Javascript
js实现的真正的iframe高度自适应(兼容IE,FF,Opera)
2010/03/07 Javascript
jquery 仿QQ校友的DIV模拟窗口效果源码
2010/03/24 Javascript
使用jquery插件实现图片延迟加载技术详细说明
2011/03/12 Javascript
使用JavaScript动态设置样式实现代码及演示动画
2013/01/25 Javascript
HTTP 304错误的详细讲解
2013/11/13 Javascript
js实现数字每三位加逗号的方法
2015/02/05 Javascript
javascript中if和switch,==和===详解
2015/07/30 Javascript
理解javascript正则表达式
2016/03/08 Javascript
Vue2.0学习之详解Vue 组件及父子组件通信
2017/12/12 Javascript
Vue使用json-server进行后端数据模拟功能
2018/04/17 Javascript
[00:42]《辉夜杯》—职业组预选赛12月3日15点 正式打响
2015/12/03 DOTA
[00:12]DAC2018 天才少年转战三号位,他的SOLO是否仍如昔日般强大?
2018/04/06 DOTA
[38:39]完美世界DOTA2联赛循环赛 IO vs GXR BO2第二场 11.04
2020/11/05 DOTA
Python的math模块中的常用数学函数整理
2016/02/04 Python
python类的方法属性与方法属性的动态绑定代码详解
2017/12/27 Python
详解python中的json和字典dict
2018/06/22 Python
分享一个pycharm专业版安装的永久使用方法
2019/09/24 Python
Python Tensor FLow简单使用方法实例详解
2020/01/14 Python
python openpyxl模块的使用详解
2021/02/25 Python
html5应用缓存_动力节点Java学院整理
2017/07/13 HTML / CSS
DERMAdoctor官网:美国著名皮肤护理品牌
2019/07/06 全球购物
碧欧泉法国官网:Biotherm法国
2019/10/23 全球购物
特教教师先进事迹
2014/05/21 职场文书
工地例会施工汇报材料
2014/08/22 职场文书
领导班子对照检查剖析材料
2014/10/13 职场文书
简单租房协议书(范本)
2014/10/13 职场文书
思想品德评语大全
2014/12/31 职场文书
普宁寺导游词
2015/02/04 职场文书
高中政治教学反思
2016/02/23 职场文书
导游词之重庆钓鱼城
2019/09/19 职场文书
Java基础-封装和继承
2021/07/02 Java/Android
python实现MD5进行文件去重的示例代码
2021/07/09 Python