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 相关文章推荐
Prototype1.6 JS 官方下载地址
Nov 30 Javascript
javascript创建createXmlHttpRequest对象示例代码
Feb 10 Javascript
node.js适合游戏后台开发吗?
Sep 03 Javascript
jQuery实现鼠标滑过点击事件音效试听
Aug 31 Javascript
去除字符串左右两边的空格(实现代码)
May 12 Javascript
如何判断出一个js对象是否一个dom对象
Nov 24 Javascript
微信小程序 传值取值的几种方法总结
Jan 16 Javascript
Avalonjs双向数据绑定与监听的实例代码
Jun 23 Javascript
element form 校验数组每一项实例代码
Oct 10 Javascript
JavaScript实现随机点名器
Mar 25 Javascript
JS控制下拉列表左右选择实例代码
May 08 Javascript
Vue 解决父组件跳转子路由后当前导航active样式消失问题
Jul 21 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 中文和编码判断代码
2010/05/16 PHP
PHP转换文件夹下所有文件编码的实现代码
2013/06/06 PHP
PHP+MySQL实现无极限分类栏目的方法
2015/12/23 PHP
php实现mysql连接池效果实现代码
2018/01/25 PHP
php处理抢购类功能的高并发请求
2018/02/08 PHP
JS中处理与当前时间间隔的函数代码
2012/05/23 Javascript
图片翻转效果具体实现代码
2014/01/09 Javascript
ie8下修改input的type属性报错的解决方法
2014/09/16 Javascript
JavaScript常用的返回,自动跳转,刷新,关闭语句汇总
2015/01/13 Javascript
js获取当前日期时间及其它日期操作汇总
2016/03/08 Javascript
jQuery页面加载初始化的3种方法(推荐)
2016/06/02 Javascript
jQuery遍历节点方法汇总(推荐)
2017/05/13 jQuery
Bootstrap 树控件使用经验分享(图文解说)
2017/11/06 Javascript
vue项目中用cdn优化的方法
2018/01/03 Javascript
vue-cli脚手架-bulid下的配置文件
2018/03/27 Javascript
vee-validate vue 2.0自定义表单验证的实例
2018/08/28 Javascript
解决vue组件中click事件失效的问题
2019/11/09 Javascript
通过JS判断网页是否为手机打开
2020/10/28 Javascript
Python通过matplotlib画双层饼图及环形图简单示例
2017/12/15 Python
Python编写Windows Service服务程序
2018/01/04 Python
python实现求最长回文子串长度
2018/01/22 Python
python实现手机销售管理系统
2019/03/19 Python
python简单实现AES加密和解密
2019/03/28 Python
详解Python对JSON中的特殊类型进行Encoder
2019/07/15 Python
keras 指定程序在某块卡上训练实例
2020/06/22 Python
浅谈keras中的后端backend及其相关函数(K.prod,K.cast)
2020/06/29 Python
初中英语教学反思
2014/01/25 职场文书
《愚公移山》教学反思
2014/02/20 职场文书
2014年团员学习十八大思想汇报
2014/09/13 职场文书
“六查”、“三学”、“三干”查摆问题整改措施
2014/09/27 职场文书
群众路线组织生活会发言材料
2014/10/17 职场文书
横空出世观后感
2015/06/09 职场文书
环境卫生整治简报
2015/07/20 职场文书
多人股份制合作协议书
2016/03/19 职场文书
幼师必备:幼儿园期末教师评语50条
2019/11/01 职场文书