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 相关文章推荐
国外Lightbox v2.03.3 最新版 下载
Oct 17 Javascript
javascript中将Object转换为String函数代码 (json str)
Apr 29 Javascript
关于jquery中全局函数each使用介绍
Dec 10 Javascript
javascript限制用户只能输汉字中文的方法
Nov 20 Javascript
javascript常用代码段搜集
Dec 04 Javascript
Js使用WScript.Shell对象执行.bat文件和cmd命令
Dec 18 Javascript
javascript动态创建及删除元素的方法
Dec 22 Javascript
学习javascript面向对象 实例讲解面向对象选项卡
Jan 04 Javascript
浅谈vue-cli 3.0.x 初体验
Apr 11 Javascript
extjs图表绘制之条形图实现方法分析
Mar 06 Javascript
Node.js API详解之 dns模块用法实例分析
May 15 Javascript
Vue基本指令实例图文讲解
Feb 25 Vue.js
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
Fatal error: Call to undefined function curl_init()解决方法
2010/04/09 PHP
php后台多用户权限组思路与实现程序代码分享
2012/02/13 PHP
php简单的留言板与回复功能具体实现
2014/02/19 PHP
常用的php图片处理类(水印、等比缩放、固定高宽)分享
2015/06/19 PHP
用javascript实现自定义标签
2007/05/08 Javascript
JavaScript 基于原型的对象(创建、调用)
2009/10/16 Javascript
js focus不起作用的解决方法(主要是因为dom元素是否加载完成)
2010/11/05 Javascript
ExtJs使用总结(非常详细)
2012/03/22 Javascript
javascript 实现子父窗体互相传值的简单实例
2014/02/17 Javascript
Jquery响应回车键直接提交表单操作代码
2014/07/25 Javascript
移动设备web开发首选框架:zeptojs介绍
2015/01/29 Javascript
Javascript中的作用域和上下文深入理解
2015/07/03 Javascript
【经典源码收藏】jQuery实用代码片段(筛选,搜索,样式,清除默认值,多选等)
2016/06/07 Javascript
Ajax分页插件Pagination从前台jQuery到后端java总结
2016/07/22 Javascript
JavaScript中全选、全不选、反选、无刷新删除、批量删除、即点即改入库(在yii框架中操作)的代码分享
2016/11/01 Javascript
node.js 用socket实现聊天的示例代码
2017/10/17 Javascript
JavaScript数据结构与算法之二叉树遍历算法详解【先序、中序、后序】
2019/02/21 Javascript
详解JavaScript函数callee、call、apply的区别
2019/03/08 Javascript
基于elementUI实现图片预览组件的示例代码
2019/03/31 Javascript
Python首次安装后运行报错(0xc000007b)的解决方法
2016/10/18 Python
Python正则替换字符串函数re.sub用法示例
2017/01/19 Python
Python实现Windows和Linux之间互相传输文件(文件夹)的方法
2017/05/08 Python
Python实现将Excel转换为json的方法示例
2017/08/05 Python
pyqt5自定义信号实例解析
2018/01/31 Python
在PyCharm下使用 ipython 交互式编程的方法
2019/01/17 Python
python针对mysql数据库的连接、查询、更新、删除操作示例
2019/09/11 Python
AmazeUI 图标的示例代码
2020/08/13 HTML / CSS
What's the difference between an interface and abstract class? (接口与抽象类有什么区别)
2012/10/29 面试题
医学院四年学习生活的自我评价
2013/11/06 职场文书
《草虫的村落》教学反思
2014/02/16 职场文书
葛优非诚勿扰搞笑征婚台词
2014/03/17 职场文书
梅花魂教学反思
2014/04/25 职场文书
演讲比赛通讯稿
2015/07/18 职场文书
小学四年级作文之写景
2019/08/23 职场文书
在前女友婚礼上,用Python破解了现场的WIFI还把名称改成了
2021/05/28 Python
Python-OpenCV教程之图像的位运算详解
2021/06/21 Python