基于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 parseInt字符转化为数字函数使用小结
Nov 05 Javascript
Jquery Ajax学习实例7 Ajax所有过程事件分析示例
Mar 23 Javascript
JavaScript 格式字符串的应用
Mar 29 Javascript
jquery获取子节点和父节点的示例代码
Sep 10 Javascript
javascript中负数算术右移、逻辑右移的奥秘探索
Oct 17 Javascript
JavaScript动态插入script的基本思路及实现函数
Nov 11 Javascript
点击button获取text内容并改变样式的js实现
Sep 09 Javascript
js限制文本框只能输入整数或者带小数点的数字
Apr 27 Javascript
Jquery使用css方法改变样式实例
May 18 Javascript
jQuery层级选择器实例代码
Feb 06 Javascript
JavaScript获取tr td 的三种方式全面总结(推荐)
Aug 15 Javascript
vue的过滤器filter实例详解
Sep 17 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的array数组和使用实例简明教程(容易理解)
2014/03/20 PHP
浅谈PHP Cookie处理函数
2016/06/10 PHP
PHP获取客户端及服务器端IP的封装类
2016/07/21 PHP
PHPTree――php快速生成无限级分类
2018/03/30 PHP
jquery $(document).ready() 与window.onload的区别
2009/12/28 Javascript
Jquery弹出窗口插件 LeanModal的使用方法
2012/03/10 Javascript
IE下使用cloneNode注意事项分享
2012/11/22 Javascript
JS实现屏蔽shift,Ctrl,alt等功能键的方法
2015/06/01 Javascript
JS动态改变浏览器标题的方法
2016/04/06 Javascript
json传值以及ajax接收详解
2016/05/24 Javascript
AngularJS入门教程之REST和定制服务详解
2016/08/19 Javascript
js HTML5手机刮刮乐代码
2020/09/29 Javascript
JavaScript中动态向表格添加数据
2017/01/24 Javascript
Bootstrap面板(Panels)的简单实现代码
2017/03/17 Javascript
解决Vue页面固定滚动位置的处理办法
2017/07/13 Javascript
AngularJS 前台分页实现的示例代码
2018/06/07 Javascript
使用Nuxt.js改造已有项目的方法
2018/08/07 Javascript
vue debug 二种方法
2018/09/16 Javascript
Webstorm2016使用技巧(SVN插件使用)
2018/10/29 Javascript
nodejs中request库使用HTTPS代理的方法
2019/04/30 NodeJs
Python的高级Git库 Gittle
2014/09/22 Python
Python3中的json模块使用详解
2018/05/05 Python
Win系统PyQt5安装和使用教程
2019/12/25 Python
python计算波峰波谷值的方法(极值点)
2020/02/18 Python
tensorflow/core/platform/cpu_feature_guard.cc:140] Your CPU supports instructions that this T
2020/06/22 Python
英智兴达软件测试笔试题
2016/10/12 面试题
高二地理教学反思
2014/01/24 职场文书
经贸专业毕业生求职信
2014/03/23 职场文书
《月球之谜》教学反思
2014/04/10 职场文书
供电工程专业求职信
2014/08/09 职场文书
低碳环保演讲稿
2014/08/28 职场文书
清洁员岗位职责
2015/02/15 职场文书
Golang中interface{}转为数组的操作
2021/04/30 Golang
解析CSS 提取图片主题色功能(小技巧)
2021/05/12 HTML / CSS
Python机器学习算法之决策树算法的实现与优缺点
2021/05/13 Python
Python使用海龟绘图实现贪吃蛇游戏
2021/06/18 Python