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

 更新时间:2017年02月09日 11:06:29   作者:牛逼的霍啸林  
这篇文章主要介绍了jQuery插件form-validation-engine正则表达式操作,结合实例形式分析了jQuery插件form-validation-engine进行正则验证操作的相关技巧,需要的朋友可以参考下

本文实例讲述了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()
});

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

很有意思的form表单验证。

PS:这里再为大家提供2款非常方便的正则表达式工具供大家参考使用:

JavaScript正则表达式在线测试工具:
http://tools.jb51.net/regex/javascript

正则表达式在线生成工具:
http://tools.jb51.net/regex/create_reg

更多关于jQuery相关内容可查看本站专题:《jQuery正则表达式用法总结》、《jQuery字符串操作技巧总结》、《jQuery操作xml技巧总结》、《jQuery扩展技巧总结》、《jquery选择器用法总结》及《jQuery常用插件及用法总结

希望本文所述对大家jQuery程序设计有所帮助。

相关文章

  • 一款Jquery 分页插件的改造方法(服务器端分页)

    一款Jquery 分页插件的改造方法(服务器端分页)

    分页几乎是每个外部程序必不可少的东西,在webform时代很多人都用过AspNetPager这个用户控件吧,用的人之多其实就在于它的优点
    2011-07-07
  • jQuery实现为图片添加镜头放大效果的方法

    jQuery实现为图片添加镜头放大效果的方法

    这篇文章主要介绍了jQuery实现为图片添加镜头放大效果的方法,提供了四种放大镜效果供大家选择使用,并附有完整的源码下载地址,需要的朋友可以参考下
    2015-06-06
  • jquery实现仿新浪微博带动画效果弹出层代码(可关闭、可拖动)

    jquery实现仿新浪微博带动画效果弹出层代码(可关闭、可拖动)

    这篇文章主要介绍了jquery实现仿新浪微博带动画效果弹出层代码,具有可关闭及可拖动的功能,涉及jQuery针对鼠标事件的响应及页面元素属性的变换功能,具有一定参考借鉴价值,需要的朋友可以参考下
    2015-10-10
  • jQuery实现侧边栏隐藏与显示的方法详解

    jQuery实现侧边栏隐藏与显示的方法详解

    这篇文章主要介绍了jQuery实现侧边栏隐藏与显示的方法,结合实例形式较为详细的分析了jQuery基于事件响应与页面元素属性动态操作实现元素显示与隐藏功能的相关操作技巧,需要的朋友可以参考下
    2018-12-12
  • jQuery中DOM节点的删除方法总结(超全面)

    jQuery中DOM节点的删除方法总结(超全面)

    这篇文章主要介绍了jQuery中DOM节点的删除方法,文中介绍的很相信,内容包括empty()的基本用法、remove()的有参用法和无参用法、empty和remove区别、保留数据的删除操作detach()以及detach()和remove()区别,需要的朋友可以参考借鉴。
    2017-01-01
  • Jquery on("click")方法绑定事件后执行多次的解决方法

    Jquery on("click")方法绑定事件后执行多次的解决方法

    这篇文章主要给大家介绍了关于Jquery on("click")方法绑定事件后执行多次的解决方法,文章通过实例代码以及图文介绍的非常详细,对大家学习或者使用jQuery具有一定的参考学习价值,需要的朋友可以参考下
    2023-06-06
  • jquery插件推荐浏览器嗅探userAgent

    jquery插件推荐浏览器嗅探userAgent

    这里给大家推荐一款浏览器嗅探的jQuery插件useragent,兼容各大浏览器,在做项目的时候经常要用到,非常的实用
    2014-11-11
  • jquery的父、子、兄弟节点查找,节点的子节点循环方法

    jquery的父、子、兄弟节点查找,节点的子节点循环方法

    下面小编就为大家带来一篇jquery的父、子、兄弟节点查找,节点的子节点循环方法。小编觉得挺不错的,现在就分享给大家,也给大家做个参考。一起跟随小编过来看看吧
    2016-12-12
  • jQuery DOM操作 基于命令改变页面

    jQuery DOM操作 基于命令改变页面

    每天都在与DOM打交道而且晕头转向,不过,自打咱认识了jQuery: 是操作属性也不烦了,插入新元素也不晕了,连移动元素及包装元素咱也不抽筋了。。
    2010-01-01
  • 基于jQuery实现的QQ表情插件

    基于jQuery实现的QQ表情插件

    大家在qq聊天或者是玩微信时发表自己的心情,都会允许加入表情,大家知道qq表情是怎么实现的吗,接下来,通过本篇文章给大家实例讲解基于jQuery实现的QQ表情插件,需要的朋友可以参考下
    2015-08-08

最新评论