基于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 相关文章推荐
关于IE浏览器以及Firefox下的javascript冒泡事件的响应层级
Oct 14 Javascript
JS打开新窗口的2种方式
Apr 18 Javascript
JS随机调用指定函数的方法
Jul 01 Javascript
js实现图片点击左右轮播
Jul 08 Javascript
JavaScript中的时间处理小结
Feb 24 Javascript
Mvc提交表单的四种方法全程详解
Aug 10 Javascript
Angular.js去除页面中显示的空行方法示例
Mar 30 Javascript
js实现从左向右滑动式轮播图效果
Jul 07 Javascript
Angular搜索场景中使用rxjs的操作符处理思路
May 30 Javascript
在Vant的基础上封装下拉日期控件的代码示例
Dec 05 Javascript
解决layui 表单元素radio不显示渲染的问题
Sep 04 Javascript
微信小程序实现上拉加载功能
Nov 20 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.MVC的模板标签系统(四)
2006/09/05 PHP
PHP安全防范技巧分享
2011/11/03 PHP
PHP小技巧之函数重载
2014/06/02 PHP
PHP实现获取图片颜色值的方法
2014/07/11 PHP
php基于curl扩展制作跨平台的restfule 接口
2015/05/11 PHP
基于Codeigniter框架实现的student信息系统站点动态发布功能详解
2017/03/23 PHP
Yii 框架入口脚本示例分析
2020/05/19 PHP
javascript web页面刷新的方法收集
2009/07/02 Javascript
js null undefined 空区别说明
2010/06/13 Javascript
firefox下jQuery UI Autocomplete 1.8.*中文输入修正方法
2012/09/19 Javascript
cookie在javascript中的使用技巧以及隐私在服务器端的设置
2012/12/03 Javascript
引入JS文件IE6报语法错误或缺少对象问题的解决方法
2014/01/09 Javascript
jQuery 获取、设置HTML或TEXT内容的两种方法
2014/05/23 Javascript
JavaScript的各种常见函数定义方法
2014/09/16 Javascript
微信小程序链接传参并跳转新页面
2016/11/29 Javascript
面试常见的js算法题
2017/03/23 Javascript
ES6学习笔记之Set和Map数据结构详解
2017/04/07 Javascript
浅谈Angular HttpClient简单入门
2018/05/04 Javascript
Vue页面骨架屏注入方法
2018/05/13 Javascript
解决layui表格内文本超出隐藏的问题
2019/09/12 Javascript
javascript实现动态时钟的启动和停止
2020/07/29 Javascript
微信小程序向Java后台传输参数的方法实现
2020/12/10 Javascript
[03:42]2014DOTA2西雅图国际邀请赛 Navi战队巡礼
2014/07/07 DOTA
使用 Python 获取 Linux 系统信息的代码
2014/07/13 Python
python3简单实现微信爬虫
2015/04/09 Python
numpy中loadtxt 的用法详解
2018/08/03 Python
对Python3中dict.keys()转换成list类型的方法详解
2019/02/03 Python
Python3.5多进程原理与用法实例分析
2019/04/05 Python
使用Pyinstaller转换.py文件为.exe可执行程序过程详解
2019/08/06 Python
命令行运行Python脚本时传入参数的三种方式详解
2019/10/11 Python
kafka-python 获取topic lag值方式
2019/12/23 Python
解决 jupyter notebook 回车换两行问题
2020/04/15 Python
python如何导入依赖包
2020/07/13 Python
Fossil加拿大官网:化石手表、手袋、首饰及配饰
2019/04/23 全球购物
MAC彩妆澳洲官网:M·A·C AU
2021/01/17 全球购物
六查六看自检自查剖析材料
2014/10/14 职场文书