基于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 相关文章推荐
JS实多级联动下拉菜单类,简单实现省市区联动菜单!
May 03 Javascript
javascript Select标记中options操作方法集合
Oct 22 Javascript
jQuery textarea的长度进行验证
May 06 Javascript
jquery异步跨域访问代码
Jun 28 Javascript
js实现动态改变字体大小代码
Jan 02 Javascript
jquery控制表单输入框显示默认值的方法
May 22 Javascript
基于javascript实现文字无缝滚动效果
Mar 22 Javascript
详细介绍RxJS在Angular中的应用
Sep 23 Javascript
Javascript 编码约定(编码规范)
Mar 11 Javascript
React组件重构之嵌套+继承及高阶组件详解
Jul 19 Javascript
浅谈vue父子组件怎么传值
Jul 21 Javascript
js实现简单模态框实例
Nov 16 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之第九天
2006/10/09 PHP
《APMServ 5.1.2》使用图解
2006/10/23 PHP
PHP实现异步调用方法研究与分享
2011/10/27 PHP
php删除文件夹及其文件夹下所有文件的函数代码
2013/01/23 PHP
php中AES加密解密的例子小结
2014/02/18 PHP
php 创建以UNIX时间戳命名的文件夹(示例代码)
2014/03/08 PHP
适合PHP初学者阅读的4本经典书籍
2016/09/23 PHP
PHP屏蔽关键字实现方法
2016/11/17 PHP
PHP单例模式实例分析【防继承,防克隆操作】
2019/05/22 PHP
js中的window.open返回object的错误的解决方法
2009/08/15 Javascript
div+css布局的图片连续滚动js实现代码
2010/05/04 Javascript
Javascript异步表单提交,图片上传,兼容异步模拟ajax技术
2010/05/10 Javascript
Tips 带三角可关闭的文字提示
2010/10/06 Javascript
jQuery结合CSS制作漂亮的select下拉菜单
2015/05/03 Javascript
Angular实现购物车计算示例代码
2017/02/21 Javascript
JavaScript实现的数字与字符串转换功能示例
2017/08/23 Javascript
JS原型继承四步曲及原型继承图一览
2017/11/28 Javascript
layui实现三级联动效果
2019/07/26 Javascript
easyUI 实现的后台分页与前台显示功能示例
2020/06/01 Javascript
Vue检测屏幕变化来改变不同的charts样式实例
2020/10/26 Javascript
Python 迭代器与生成器实例详解
2017/05/18 Python
spyder常用快捷键(分享)
2017/07/19 Python
python如何实现从视频中提取每秒图片
2020/10/22 Python
python实现爬虫抓取小说功能示例【抓取金庸小说】
2019/08/09 Python
python爬虫开发之Request模块从安装到详细使用方法与实例全解
2020/03/09 Python
使用python操作lmdb对数据读取的实例
2020/12/11 Python
Omio波兰:全欧洲低价大巴、火车和航班搜索和比价
2018/02/16 全球购物
法学毕业生自我鉴定
2013/11/08 职场文书
大学生专科毕业生自我评价
2013/11/17 职场文书
人事主管岗位职责范本
2013/12/04 职场文书
文明倡议书范文
2014/04/15 职场文书
网球场地租赁协议范本
2014/10/07 职场文书
运动会通讯稿50字
2015/07/20 职场文书
大学社团活动总结怎么写
2019/06/21 职场文书
vue打包时去掉所有的console.log
2022/04/10 Vue.js
Python如何让字典保持有序排列
2022/04/29 Python