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 相关文章推荐
关于javascript 回调函数中变量作用域的讨论
Sep 11 Javascript
JSQL 基于客户端的成绩统计实现方法
May 05 Javascript
通过length属性判断jquery对象是否存在
Oct 18 Javascript
使用jQuery获得内容以及内容的属性
Feb 26 Javascript
JS简单实现动画弹出层效果
May 05 Javascript
Bootstrap CSS使用方法
Dec 23 Javascript
vue与TypeScript集成配置最简教程(推荐)
Oct 17 Javascript
基于Datatables跳转到指定页的简单实例
Nov 09 Javascript
node.js中axios使用心得总结
Nov 29 Javascript
JS数组扁平化(flat)方法总结详解
Jun 24 Javascript
详解Vue3 Composition API中的提取和重用逻辑
Apr 29 Javascript
React+EggJs实现断点续传的示例代码
Jul 07 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脚本的10个技巧(4)
2006/10/09 PHP
PHP 文件类型判断代码
2009/03/13 PHP
完美解决:Apache启动问题―(OS 10022)提供了一个无效的参数
2013/06/08 PHP
迅速确定php多维数组的深度的方法
2014/01/07 PHP
ThinkPHP调用common/common.php函数提示错误function undefined的解决方法
2014/08/25 PHP
PHP类的反射用法实例
2014/11/03 PHP
Yii框架调试心得--在页面输出执行sql语句
2014/12/25 PHP
Symfony2框架学习笔记之HTTP Cache用法详解
2016/03/18 PHP
HR vs CL BO3 第一场 2.13
2021/03/10 DOTA
JavaScript 拖拉缩放效果
2008/12/10 Javascript
jQuery EasyUI API 中文文档 - ProgressBar 进度条
2011/09/29 Javascript
javascript实现禁止复制网页内容
2014/12/16 Javascript
Nodejs学习笔记之NET模块
2015/01/13 NodeJs
Node.js事件循环(Event Loop)和线程池详解
2015/01/28 Javascript
jquery调取json数据实现省市级联的方法
2015/01/29 Javascript
Javascript中的apply()方法浅析
2015/03/15 Javascript
video.js使用改变ui过程
2017/03/05 Javascript
VUE实现可随意拖动的弹窗组件
2018/09/25 Javascript
详解用async/await来处理异步
2019/08/28 Javascript
layui实现数据表格隐藏列的示例
2019/10/25 Javascript
微信小程序实现点击导航条切换页面
2020/11/19 Javascript
使用go和python递归删除.ds store文件的方法
2014/01/22 Python
Python3字符串学习教程
2015/08/20 Python
深入理解python try异常处理机制
2016/06/01 Python
python导出chrome书签到markdown文件的实例代码
2017/12/27 Python
Python实现通讯录功能
2018/02/22 Python
pytorch之ImageFolder使用详解
2020/01/06 Python
Python替换NumPy数组中大于某个值的所有元素实例
2020/06/08 Python
Under Armour安德玛法国官网:美国高端运动科技品牌
2018/06/29 全球购物
机械制造与自动化应届生求职信
2013/11/16 职场文书
办公设备采购方案
2014/03/16 职场文书
作文评语大全
2014/04/23 职场文书
无毒社区工作方案
2014/05/23 职场文书
护士工作失误检讨书
2014/09/14 职场文书
门卫岗位职责
2015/02/09 职场文书
MySQL复制问题的三个参数分析
2021/04/07 MySQL