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打造PHP的AJAX表单提交实例
Nov 03 Javascript
JavaScript 原型继承
Dec 26 Javascript
jQuery简单实现banner图片切换
Jan 02 Javascript
SyntaxHighlighter 3.0.83使用笔记
Jan 26 Javascript
实例详解JavaScript获取链接参数的方法
Jan 01 Javascript
AngularJs  E2E Testing 详解
Sep 02 Javascript
jQuery插件HighCharts绘制的基本折线图效果示例【附demo源码下载】
Mar 07 Javascript
vue项目优化之通过keep-alive数据缓存的方法
Dec 11 Javascript
vue 自定义提示框(Toast)组件的实现代码
Aug 17 Javascript
vue集成kindeditor富文本的实现示例代码
Jun 07 Javascript
layui问题之自动滚动二级iframe页面到指定位置的方法
Sep 18 Javascript
JS实现简易贪吃蛇游戏
Aug 24 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+MySQL的聊天室设计
2006/10/09 PHP
图书管理程序(一)
2006/10/09 PHP
PHP中几种常见的超时处理全面总结
2012/09/11 PHP
phpize的深入理解
2013/06/03 PHP
PHP fclose函数用法总结
2019/02/15 PHP
jquery 问答知识整理
2010/02/11 Javascript
web的各种前端打印方法之jquery打印插件jqprint实现网页打印
2013/01/09 Javascript
div当滚动到页面顶部的时候固定在顶部实例代码
2013/05/27 Javascript
javascript中的nextSibling使用陷(da)阱(keng)
2014/05/05 Javascript
基于jquery实现的图片在各种分辨率下未知的容器内上下左右居中
2014/05/11 Javascript
jquery进行数组遍历如何跳出当前的each循环
2014/06/05 Javascript
avascript中的自执行匿名函数应用示例
2014/09/15 Javascript
Vue.js实现实例搜索应用功能详细代码
2017/08/24 Javascript
Javascript 编码约定(编码规范)
2018/03/11 Javascript
JS常见DOM节点操作示例【创建 ,插入,删除,复制,查找】
2018/05/14 Javascript
javascript实现简单页面倒计时
2021/03/02 Javascript
Python实现随机选择元素功能
2017/09/14 Python
python多进程使用及线程池的使用方法代码详解
2018/10/24 Python
python地震数据可视化详解
2019/06/18 Python
Python学习笔记之列表和成员运算符及列表相关方法详解
2019/08/22 Python
pytorch 实现删除tensor中的指定行列
2020/01/13 Python
Python count函数使用方法实例解析
2020/03/23 Python
python实时监控logstash日志代码
2020/04/27 Python
Python实现转换图片背景颜色代码
2020/04/30 Python
布局和排版教程 纯css3实现图片三角形排列
2014/10/17 HTML / CSS
css3实现圆锥渐变conic-gradient效果
2020/02/12 HTML / CSS
英国50岁以上人群的交友网站:Ourtime
2018/03/28 全球购物
水务局局长岗位职责
2013/11/28 职场文书
护理专业自荐信
2013/12/03 职场文书
幼儿园教师获奖感言
2014/03/11 职场文书
函授毕业生自我鉴定范文
2014/03/25 职场文书
我的小天地教学反思
2014/04/30 职场文书
个人批评与自我批评范文
2014/10/17 职场文书
离职证明范本
2015/06/12 职场文书
留学文书中的个人陈述,应该注意哪些问题?
2019/08/23 职场文书
默认网关不可用修复后过一会又不好使了解决方法
2022/04/08 数码科技