基于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写的贪吃蛇游戏(个人练习)
Jul 08 Javascript
node.js中的http.createClient方法使用说明
Dec 15 Javascript
js实现简单计算器
Nov 22 Javascript
VUE JS 使用组件实现双向绑定的示例代码
Jan 10 Javascript
利用vue.js插入dom节点的方法
Mar 15 Javascript
解决webpack -p压缩打包react报语法错误的方法
Jul 03 Javascript
vue.js声明式渲染和条件与循环基础知识
Jul 31 Javascript
vuex中使用对象展开运算符的示例
Sep 25 Javascript
vue cli构建的项目中请求代理与项目打包问题
Feb 26 Javascript
React+Redux实现简单的待办事项列表ToDoList
Sep 29 Javascript
JS实现简单打字测试
Jun 24 Javascript
Javascript柯里化实现原理及作用解析
Oct 22 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
根德Grundig S400/S500/S700电路分析
2021/03/02 无线电
PHP4中实现动态代理
2006/10/09 PHP
PHP实现利用MySQL保存session的方法
2014/08/23 PHP
9个经典的PHP代码片段分享
2014/12/18 PHP
深入解析PHP中foreach语句控制数组循环的用法
2015/11/30 PHP
WordPress中用于获取文章作者与分类信息的方法整理
2015/12/17 PHP
PHP不使用内置函数实现字符串转整型的方法示例
2017/07/03 PHP
让你的网站可编辑的实现js代码
2009/10/19 Javascript
jquery中的 $(&quot;#jb51&quot;)与document.getElementById(&quot;jb51&quot;) 的区别
2011/07/26 Javascript
通过Javascript读取本地Excel文件内容的代码示例
2014/04/08 Javascript
node.js中的fs.write方法使用说明
2014/12/15 Javascript
jQuery中[attribute]选择器用法实例
2014/12/31 Javascript
关于JS变量和作用域详解
2016/07/28 Javascript
vue.js入门教程之绑定class和style样式
2016/09/02 Javascript
移动端效果之Swiper详解
2017/10/09 Javascript
vue2.0项目实现路由跳转的方法详解
2018/06/21 Javascript
使用vuepress搭建静态博客的示例代码
2019/02/14 Javascript
javascript实现弹出层效果
2019/12/10 Javascript
进一步了解Python中的XML 工具
2015/04/13 Python
python list排序的两种方法及实例讲解
2017/03/20 Python
50行Python代码实现人脸检测功能
2018/01/23 Python
Python 解决OPEN读文件报错 ,路径以及r的问题
2019/12/19 Python
PyCharm中如何直接使用Anaconda已安装的库
2020/05/28 Python
在PyCharm中安装PaddlePaddle的方法
2021/02/05 Python
CSS伪类与CSS伪元素的区别及由来具体说明
2012/12/07 HTML / CSS
CSS3近阶段篇之酷炫的3D旋转透视
2016/04/28 HTML / CSS
使用Html5实现异步上传文件,支持跨域,带有上传进度条
2016/09/17 HTML / CSS
H5 canvas实现贪吃蛇小游戏
2017/07/28 HTML / CSS
关于html字符串正则判断和匹配的具体使用
2019/12/12 HTML / CSS
初级会计求职信范文
2014/02/15 职场文书
2014旅游局党组书记党建工作汇报材料
2014/11/02 职场文书
储备店长岗位职责
2015/04/14 职场文书
公司员工管理制度
2015/08/04 职场文书
56句经典英文座右铭
2019/08/09 职场文书
使用feign服务调用添加Header参数
2021/06/23 Java/Android
Node-Red实现MySQL数据库连接的方法
2021/08/07 MySQL