基于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 相关文章推荐
JQuery Tips(4) 一些关于提高JQuery性能的Tips
Dec 19 Javascript
jquery 单引号和双引号的区别及使用注意
Jul 31 Javascript
javascript面向对象之访问对象属性的两种方式分析
Jan 13 Javascript
JQuery入门基础小实例(1)
Sep 17 Javascript
理解javascript中Map代替循环
Feb 26 Javascript
EditPlus 正则表达式 实战(3)
Dec 15 Javascript
DWR3 访问WEB元素的两种方法实例详解
Jan 03 Javascript
Google 爬虫如何抓取 JavaScript 的内容
Apr 07 Javascript
区别JavaScript函数声明与变量声明
Sep 12 Javascript
layui清空,重置表单数据的实例
Sep 12 Javascript
js找出5个数中最大的一个数和倒数第二大的数实现方法示例小结
Mar 04 Javascript
flexible.js实现移动端rem适配方案
Apr 07 Javascript
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
php生成局部唯一识别码LUID的代码
2012/10/06 PHP
解决更换PHP5.4以上版本后Dedecms后台登录空白问题的方法
2015/10/23 PHP
学习php设计模式 php实现单例模式(singleton)
2015/12/07 PHP
点图片上一页下一页翻页效果
2008/07/09 Javascript
JavaScript ( (__ = !$ + $)[+$] + ({} + $)[_/_] +({} + $)[_/_] )
2011/02/25 Javascript
再谈javascript图片预加载技术(详细演示)
2011/03/12 Javascript
JavaScript高级程序设计 读书笔记之十一 内置对象Global
2012/03/07 Javascript
jquery获取tr中控件值并操作tr实现思路
2013/03/27 Javascript
zepto中使用swipe.js制作轮播图附swipeUp,swipeDown不起效果问题
2015/08/27 Javascript
JS实现具备延时功能的滑动门菜单效果
2015/09/17 Javascript
JS 实现倒计时数字时钟效果【附实例代码】
2016/03/30 Javascript
jQuery查找节点方法完整实例
2016/09/13 Javascript
教大家轻松制作Bootstrap漂亮表格(table)
2016/12/13 Javascript
JS操作时间 - UNIX时间戳的简单介绍(必看篇)
2017/08/16 Javascript
Redux 和 Mobx的选择问题:让你不再困惑!
2017/09/18 Javascript
react native 获取地理位置的方法示例
2018/08/28 Javascript
微信小程序点击列表跳转到对应详情页过程解析
2019/09/26 Javascript
js实现3D照片墙效果
2019/10/28 Javascript
[03:12]完美世界DOTA2联赛PWL DAY6集锦
2020/11/05 DOTA
Python RuntimeError: thread.__init__() not called解决方法
2015/04/28 Python
python中如何正确使用正则表达式的详细模式(Verbose mode expression)
2017/11/08 Python
python 接口测试response返回数据对比的方法
2018/02/11 Python
pandas修改DataFrame列名的方法
2018/04/08 Python
Python脚本按照当前日期创建多级目录
2019/03/01 Python
Under Armour美国官网:美国知名高端功能性运动品牌
2016/09/05 全球购物
彪马英国官网:PUMA英国
2019/02/11 全球购物
中学生班主任评语
2014/01/30 职场文书
高中毕业自我评价
2014/02/08 职场文书
4s店市场专员岗位职责
2014/04/09 职场文书
反腐倡廉演讲稿
2014/05/22 职场文书
银行求职信
2014/05/31 职场文书
先进单位申报材料
2014/12/25 职场文书
民主生活会主持词
2015/07/01 职场文书
体育委员竞选稿
2015/11/21 职场文书
MySQL深度分页(千万级数据量如何快速分页)
2021/07/25 MySQL
Python使用pandas导入xlsx格式的excel文件内容操作代码
2022/12/24 Python