基于jquery的一个简单的脚本验证插件


Posted in Javascript onApril 05, 2010

主要用到了jquery,以及自定义的一个属性wl_check,属性说明如下:

1、语法
[need:true,type:int,maxlen:15,minlen:2]

2、关键字
need:文本输入框的必填限制
regtype:文本输入框的正则表达式类别验证
minlen:文本输入框的最小输入长度
maxlen:文本输入框的最大输入长度
minval:数字型文本输入框的最值
maxval:数字型文本输入框的最值
notval:下拉框的必选设置
minselect:单复选框的最少选项数
maxselect:单复选框的最多选项数
...

3、使用范围
input:text
input:radio 注意id为'_i'
input:checkbox 注意id为'_i'
textarea
select

4、描述
1、在有wl_check属性的表单控件值发生变化时会自行调用相应的验证方法,该方法无返回值,只是出错提示并定位。
2、在页面post时需要先对某一域内有wl_check属性的表单控件进行验证,通过返回true;否则弹出提示信息并取消提交。

5、使用示例-见demo

<input type="text" id="name" value='dd' title='姓名' wl_check="need:true,minlen:2,maxlen:10" />
表示该文本框必填,并且最多10个字,最少2各个字

演示代码:http://demo.3water.com/js/wl_check/index.htm

Javascript 相关文章推荐
通过 Dom 方法提高 innerHTML 性能
Mar 26 Javascript
Jquery+ajax请求data显示在GridView上(asp.net)
Aug 27 Javascript
使用jquery实现以post打开新窗口
Mar 19 Javascript
js自定义鼠标右键的实现原理及源码
Jun 23 Javascript
字段太多jquey快速清空表单内容方法
Aug 21 Javascript
jQuery中replaceAll()方法用法实例
Jan 16 Javascript
js在ie下打开对话窗口的方法小结
Oct 24 Javascript
EditPlus 正则表达式 实战(3)
Dec 15 Javascript
jquery pagination分页插件使用详解(后台struts2)
Jan 22 Javascript
详解如何让InstantClick兼容MathJax、百度统计等
Sep 12 Javascript
JavaScript面向对象精要(下部)
Sep 12 Javascript
Vue CLI中模式与环境变量的深入详解
May 30 Vue.js
js获取单元格自定义属性值的代码(IE/Firefox)
Apr 05 #Javascript
offsetParent 算法分析
Apr 05 #Javascript
javascript encodeURI和encodeURIComponent的比较
Apr 03 #Javascript
jQuery 技巧小结
Apr 02 #Javascript
jquery 页面全选框实践代码
Apr 02 #Javascript
jQuery 自动增长的文本输入框实现代码
Apr 02 #Javascript
jquery select下拉框操作的一些说明
Apr 02 #Javascript
You might like
一个ubbcode的函数,速度很快.
2006/10/09 PHP
PHP中查询SQL Server或Sybase时TEXT字段被截断的解决方法
2009/03/10 PHP
Yii2中Restful API原理实例分析
2016/07/25 PHP
thinkphp分页实现效果
2016/10/13 PHP
PHP异步进程助手async-helper
2018/02/05 PHP
iframe窗口高度自适应的又一个巧妙实现思路
2014/04/04 Javascript
jQuery实现统计输入文字个数的方法
2015/03/11 Javascript
jQuery+css实现的换页标签栏效果
2016/01/27 Javascript
使用node+vue.js实现SPA应用
2016/01/28 Javascript
JS数组操作(数组增加、删除、翻转、转字符串、取索引、截取(切片)slice、剪接splice、数组合并)
2016/05/20 Javascript
jQuery表单验证插件解析(推荐)
2016/07/21 Javascript
走进javascript——不起眼的基础,值和分号
2017/02/24 Javascript
详解Angular 4.x Injector
2017/05/04 Javascript
通过vue-cli来学习修改Webpack多环境配置和发布问题
2017/12/22 Javascript
jquery写出PC端轮播图实例
2018/01/26 jQuery
Vue刷新修改页面中数据的方法
2018/09/16 Javascript
详解微信小程序自定义组件的实现及数据交互
2019/07/22 Javascript
js事件机制----捕获与冒泡机制实例分析
2020/05/22 Javascript
[02:32]【DOTA2亚洲邀请赛】iceice,梦开始的地方
2017/03/13 DOTA
[55:25]2018DOTA2亚洲邀请赛3月29日 小组赛A组 VG VS OG
2018/03/30 DOTA
Python迭代器与生成器用法实例分析
2018/07/09 Python
django表单的Widgets使用详解
2019/07/22 Python
使用Django和Postgres进行全文搜索的实例代码
2020/02/13 Python
python函数enumerate,operator和Counter使用技巧实例小结
2020/02/22 Python
Python错误的处理方法
2020/06/23 Python
Python如何将装饰器定义为类
2020/07/30 Python
Timberland美国官网:全球领先的户外品牌
2016/08/15 全球购物
C#中有没有静态构造函数,如果有是做什么用的?
2016/06/04 面试题
文明家庭先进事迹材
2014/01/27 职场文书
《诚实与信任》教学反思
2014/04/10 职场文书
协议书的格式
2014/04/23 职场文书
校园文明标语
2014/06/13 职场文书
总经理检讨书范文
2015/02/16 职场文书
2016党员学习《反对自由主义》心得体会
2016/01/22 职场文书
Python基础学习之奇异的GUI对话框
2021/05/27 Python
Apache SeaTunnel实现 非CDC数据抽取
2022/05/20 Servers