给大家推荐一款非常好用的表单验证插件：lr-verify.js

废话不说，直接上代码说明，1分钟学会：

例：1.验证配置
$.extend(Verify.types, {"must" : {"verify" : function(elem) {if (elem.value == "") {return "此处为必填项";} else {return true;}}},"num" : {"verify" : function(elem) {value = elem.value.trim();if (value  && isNaN(value)) {return "此处只能填写数字";} else {if(value<this.min||value>this.max){..........}return true;}}}
});2.提示消息配置
//关闭提示信息，可以自己实现
Verify.my.closePrompt=function(e){//e:验证的元素,

}//提示验证信息，可以自己实现
Verify.my.openPrompt=function(e,msg){//e:验证的元素
   alert(msg);
}3.操作事件，提示信息html 等相关配置
Verify.conf.verifyEventsName=["keyup","focus"];//执行验证的事件，可以根据实际情况配置，如click
Verify.conf.closePromptEventsName=["blur"];//关闭提示信息的事件，可以根据实际情况配置,如click
Verify.conf.promptHtml="<div class=\"lrvf-prom-point\">"//提示信息html+ "<div class=\"lrvf-prom-box\" ></div>"+ "<span class=\"info\"></span>" + "</div>";4.html使用配置：
//使用验证(must:必须是有配置过的)
<input type="text"  verify="must" >
//使用多个验证(must和num:必须是有配置过的)
<input type="text"  verify="must,num" >
//使用验证，并且自定义属性
<input type="text"  verify="must,num:{max:100,min:10}" >5.函数
/* 手动执行 验证 ，e:要验证的 元素 或者 包含 要验证的元素的元素（jquery对象或者js对象 ）， isPrompt：是否 提示验证 信息,返回验证不通过的元素和提示信息 [{"elem": elemnt,"msg": "xxx"}]*/
Verify.doVerify(e,isPrompt)//手动提示，es:要验证的 元素(js对象 ）,msg：提示 信息
Verify.openPrompt(e,msg)//手动关闭提示 ，e:要验证的 元素 或者 包含 要验证的元素的元素（jquery对象或者 js对象 ）
Verify.closePrompt(e)//手动移除验证元素 ，elems:要验证的 元素 或者 包含 要验证的元素的元素（jquery对象或者 js对象 ）
Verify.remove(elems)//手动新增验证元素 ，elems:要验证的 元素 或者 包含 要验证的元素的元素（jquery对象或者 js对象 ）
Verify.add(elems)

插件地址：https://gitee.com/lijinlin_index/source

如有疑问请联系QQ：594255598

转载于:https://www.cnblogs.com/abab/p/9725098.html

给大家推荐一款非常好用的表单验证插件：lr-verify.js相关推荐

10款高质量的jQuery表单验证插件
http://sd.csdn.net/a/20110628/300739.html
一款比较实用齐全的jQuery 表单验证插件
一款比较实用,并且验证类型齐全的jQuery表单验证插件.英文版原作者@Vanadium,由我做中文整理.E文水平有限,如果翻译的有问题的,请大家指出,在此感谢~ 可以验证哪些? 文字,日期,邮箱,网 ...
分享21个JS抽奖转盘特效，36个JS表单验证，31个JS进度条，总有一款适合您
分享21个JS抽奖转盘特效,36个JS表单验证,31个JS进度条,总有一款适合您下载链接:https://pan.baidu.com/s/1TWOGqes5J2baelO9qdItXg?pwd=ma ...
validform一款好用的表单验证插件
最近做表单验证,发现Validform这款插件很好用,官网地址http://validform.rjboy.cn/document.html 自己按照它的文档介绍很快写了一个简单的例子, <sc ...
10个强大的Javascript表单验证插件推荐
创建一个JavaScript表单验证插件,可以说是一个繁琐的过程,涉及到初期设计.开发与测试等等环节.实际上一个优秀的程序员不仅是技术高手,也应该是善假于外物的.本文介绍了10个不错的JavaScri ...
一款优秀的表单验证插件——validation插件
特点: 内置验证规则:拥有必填.数字.email.url和信用卡号码等19类内置验证规则. 自定义验证规则:可以很方便的自定义验证规则. 简单强大的验证信息提示:默认了验证信息提示,并提供自定义覆盖默 ...
[置顶] 推荐一款好用的jquery弹出层插件——wbox
在我们做项目的过程中难免会让弹出层来展示一些信息,这里推荐一款比较不错的jquery插件,下面说一下特点和新版本增加的功能 wBox特点背景透明度可以根据实际情况进行调节可以根据需要添加wBox标 ...
推荐一款好用的jquery弹出层插件——wbox
阅读原文:http://www.xuejiehome.com/blread-1621.html 在我们做项目的过程中难免会让弹出层来展示一些信息,这里推荐一款比较不错的jquery插件,下面说一下特点 ...
推荐两款简单好用的图片放大jquery插件
一.zoomfiy.js 推荐可以从这里下载使用说明: 使用该jquery 插件引入该插件的js:zoomfiy.js 或 min 引入该插件的css:zoomfiy.css 或 min 前后顺序 ...
推荐一款可视化前端布局器H5-表单设计器（MagicalCoder）
今天给大家介绍一款高定制化的前端纯js的布局器特性: 自由定制组件和属性大量api,callback与布局器交互同时支持可视化拖拽和编码并存设计表格:合并拆分等功能自由定位:任意位置都可 ...

给大家推荐一款非常好用的表单验证插件：lr-verify.js

给大家推荐一款非常好用的表单验证插件：lr-verify.js相关推荐

最新文章

热门文章