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 绑定事件时传递参数的实现方法
Oct 13 Javascript
js汉字排序问题 支持中英文混排,兼容各浏览器,包括CHROME
Dec 20 Javascript
js语法学习之判断一个对象是否为数组
May 13 Javascript
兼容Firefox的Javascript XSLT 处理XML文件
Dec 31 Javascript
JavaScript实现自动消除按钮功能的方法
Aug 05 Javascript
JavaScript中对象的不同创建方法
Aug 12 Javascript
jQuery+CSS3实现四种应用广泛的导航条制作实例详解
Sep 17 Javascript
详解React native全局变量的使用(跨组件的通信)
Sep 07 Javascript
通过图带你深入了解vue的响应式原理
Jun 21 Javascript
JS前端知识点总结之页面加载事件,数组操作,DOM节点操作,循环和分支
Jul 04 Javascript
微信小程序和H5页面间相互跳转代码实例
Sep 19 Javascript
React服务端渲染原理解析与实践
Mar 04 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
层叠菜单的动态生成
2006/10/09 PHP
php 生成唯一id的几种解决方法
2013/03/08 PHP
如何使用微信公众平台开发模式实现多客服
2016/01/06 PHP
浅析用prototype定义自己的方法
2013/11/14 Javascript
仿百度联盟对联广告实现代码
2014/08/30 Javascript
JavaScript日期类型的一些用法介绍
2015/03/02 Javascript
详谈javascript中的cookie
2015/06/03 Javascript
JQuery鼠标移到小图显示大图效果的方法
2015/06/10 Javascript
简单实现js拖拽效果
2017/07/25 Javascript
动态Axios的配置步骤详解
2018/01/12 Javascript
vue 组件中使用 transition 和 transition-group实现过渡动画
2019/07/09 Javascript
使用vue制作滑动标签
2019/09/21 Javascript
vue中上传视频或图片或图片和文字一起到后端的解决方法
2019/12/01 Javascript
实例讲解Python的函数闭包使用中应注意的问题
2016/06/20 Python
Python中的id()函数指的什么
2017/10/17 Python
python标记语句块使用方法总结
2019/08/05 Python
Python+Kepler.gl轻松制作酷炫路径动画的实现示例
2020/06/02 Python
Python3合并两个有序数组代码实例
2020/08/11 Python
Python3+RIDE+RobotFramework自动化测试框架搭建过程详解
2020/09/23 Python
pycharm中leetcode插件使用图文详解
2020/12/07 Python
CSS3的一个简单导航栏实现
2015/08/03 HTML / CSS
介绍一下mysql的日期和时间函数
2013/03/28 面试题
ktv收银员岗位职责
2013/12/16 职场文书
药学专业个人的自我评价
2013/12/31 职场文书
三字经教学反思
2014/04/26 职场文书
英语故事演讲稿
2014/04/29 职场文书
倡导文明标语
2014/06/16 职场文书
机关驾驶员违规检讨书
2014/09/13 职场文书
2014年移动公司工作总结
2014/12/08 职场文书
总经理岗位职责
2015/02/04 职场文书
检讨书模板大全
2015/05/07 职场文书
个人原因辞职信模板
2015/05/13 职场文书
小学科学课教学反思
2016/02/23 职场文书
sqlserver2017共享功能目录路径不可改的解决方法
2021/04/16 SQL Server
Vue如何实现组件间通信
2021/05/15 Vue.js
教你怎么用PyCharm为同一服务器配置多个python解释器
2021/05/31 Python