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 相关文章推荐
pjblog修改技巧汇总
Mar 12 Javascript
jqPlot 基于jquery的画图插件
Apr 26 Javascript
javascript实现tabs选项卡切换效果(扩展版)
Mar 19 Javascript
JSON辅助格式化处理方法
Mar 26 Javascript
Egret引擎开发指南之视觉编程
Sep 03 Javascript
深入理解JS正则表达式---分组
Jul 18 Javascript
jQuery学习笔记——jqGrid的使用记录(实现分页、搜索功能)
Nov 09 Javascript
解决URL地址中的中文乱码问题的办法
Feb 10 Javascript
微信小程序访问node.js接口服务器搭建教程
Apr 25 Javascript
详解javascript appendChild()的完整功能
Aug 18 Javascript
详解javascript replace高级用法
Feb 17 Javascript
Vue实现简易购物车页面
Dec 30 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
php下一个阿拉伯数字转中文数字的函数
2007/07/16 PHP
优化使用mysql存储session的php代码
2008/01/10 PHP
PHP MySQL应用中使用XOR运算加密算法分享
2011/08/28 PHP
PHP提取字符串中的图片地址[正则表达式]
2011/11/12 PHP
php中计算未知长度的字符串哪个字符出现的次数最多的代码
2012/08/14 PHP
session在php5.3中的变化 session_is_registered() is deprecated in
2013/11/12 PHP
PHP 布尔值的自增与自减的实现方法
2018/05/03 PHP
Javascript客户端脚本的设计和应用
2006/08/21 Javascript
JavaScript 对Cookie 操作的封装小结
2009/12/31 Javascript
jquery实现的网页自动播放声音
2014/04/30 Javascript
js实现带农历和八字等信息的日历特效
2016/05/16 Javascript
JS IOS/iPhone的Safari浏览器不兼容Javascript中的Date()问题如何解决
2016/11/11 Javascript
JS中BOM相关知识点总结(必看篇)
2016/11/22 Javascript
jQuery网页定位导航特效实现方法
2016/12/19 Javascript
vue中实现图片和文件上传的示例代码
2018/03/16 Javascript
vue 做移动端微信公众号采坑经验记录
2018/04/26 Javascript
JS限制输入框输入的实现代码
2018/07/02 Javascript
4个顶级JavaScript高级文本编辑器
2018/10/10 Javascript
详解Vue 换肤方案验证
2019/08/28 Javascript
layui添加动态菜单与选项卡 AJAX请求的例子
2019/09/25 Javascript
Python实现冒泡,插入,选择排序简单实例
2014/08/18 Python
python使用socket远程连接错误处理方法
2015/04/29 Python
一步步解析Python斗牛游戏的概率
2016/02/12 Python
使用Scrapy爬取动态数据
2018/10/21 Python
python获取url的返回信息方法
2018/12/17 Python
python实现图片彩色转化为素描
2019/01/15 Python
python将视频转换为全字符视频
2019/04/26 Python
pytorch实现Tensor变量之间的转换
2020/02/17 Python
终于搞懂了Keras中multiloss的对应关系介绍
2020/06/22 Python
Keras 中Leaky ReLU等高级激活函数的用法
2020/07/05 Python
初级Java程序员面试题
2016/03/03 面试题
廉政文化进校园广播稿
2014/10/20 职场文书
团代会开幕词
2015/01/28 职场文书
python tkinter Entry控件的焦点移动操作
2021/05/22 Python
pandas数值排序的实现实例
2021/07/25 Python
彻底卸载VMware虚拟机的超详细步骤记录
2022/07/15 Servers