基于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 相关文章推荐
JavaScript中的对象化编程
Jan 16 Javascript
jQuery EasyUI API 中文文档 - ComboBox组合框
Oct 07 Javascript
jquery触发a标签跳转事件示例代码
Jul 21 Javascript
JS冒泡事件的快速解决方法
Dec 16 Javascript
JavaScript中的slice()方法使用详解
Jun 06 Javascript
使用JavaScript脚本判断页面是否在微信中被打开
Mar 06 Javascript
java中String类型变量的赋值问题介绍
Mar 23 Javascript
js实现微博发布小功能
Jan 12 Javascript
jQuery日程管理控件glDatePicker用法详解
Mar 29 jQuery
bootstrap timepicker在angular中取值并转化为时间戳
Jun 13 Javascript
JavaScript中关于base64的一些事
May 06 Javascript
vue 通过base64实现图片下载功能
Dec 19 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
PHP调用三种数据库的方法(1)
2006/10/09 PHP
php排序算法(冒泡排序,快速排序)
2012/10/09 PHP
JavaScript Archive Network 集合
2007/05/12 Javascript
让iframe自适应高度(支持XHTML,支持FF)
2007/07/24 Javascript
JavaScript中使用replace结合正则实现replaceAll的效果
2010/06/04 Javascript
js URL参数的拼接方法比较
2012/02/15 Javascript
js封装可使用的构造函数继承用法分析
2015/01/28 Javascript
js实现按钮控制图片360度翻转特效的方法
2015/02/17 Javascript
javascript属性访问表达式用法分析
2015/04/25 Javascript
学习JavaScript设计模式(代理模式)
2015/12/03 Javascript
js判断手机访问或者PC的几个例子(常用于手机跳转)
2015/12/15 Javascript
AngularJS中过滤器的使用与自定义实例代码
2016/09/17 Javascript
AngularJs $parse、$eval和$observe、$watch详解
2016/09/21 Javascript
js监听键盘事件的方法_原生和jquery的区别详解
2016/10/10 Javascript
NodeJs的fs读写删除移动监听
2017/04/28 NodeJs
vue子组件使用自定义事件向父组件传递数据
2017/05/27 Javascript
使用jQuery实现购物车结算功能
2017/08/15 jQuery
js 判断一个数字是不是2的n次方幂的实例
2017/11/26 Javascript
JavaScript基于对象方法实现数组去重及排序操作示例
2018/07/10 Javascript
elementUI select组件value值注意事项详解
2019/05/29 Javascript
VueQuillEditor富文本上传图片(非base64)
2020/06/03 Javascript
python通过imaplib模块读取gmail里邮件的方法
2015/05/08 Python
使用Python &amp; Flask 实现RESTful Web API的实例
2017/09/19 Python
python实现数据导出到excel的示例--普通格式
2018/05/03 Python
django反向解析和正向解析的方式
2018/06/05 Python
详解Python连接MySQL数据库的多种方式
2019/04/16 Python
Python爬虫获取页面所有URL链接过程详解
2020/06/04 Python
Python叠加矩形框图层2种方法及效果
2020/06/18 Python
CSS3字体效果的设置方法小结
2016/06/13 HTML / CSS
墨西哥皇宫度假村预订:Palace Resorts
2018/06/16 全球购物
中华魂演讲稿
2014/05/13 职场文书
病假条格式范文
2015/08/17 职场文书
中学校园广播稿
2015/08/18 职场文书
三好学生评选事迹材料(2016精选版)
2016/02/25 职场文书
Vue CLI中模式与环境变量的深入详解
2021/05/30 Vue.js
MySQL学习之基础命令实操总结
2022/03/19 MySQL