编程 Javascript

基于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

基于jquery的一个简单的脚本验证插件

声明：登载此文出于传递更多信息之目的，并不意味着赞同其观点或证实其描述。

Javascript 相关文章推荐

JS下高效拼装字符串的几种方法比较与测试代码

Apr 15 Javascript

jQuery.each()用法分享

Jul 31 Javascript

全面解析Bootstrap表单使用方法（表单按钮）

Nov 24 Javascript

JavaScript html5 canvas绘制时钟效果

Mar 01 Javascript

javascript鼠标滑过显示二级菜单特效

Nov 18 Javascript

js eval函数使用,js对象和字符串互转实例

Mar 06 Javascript

纯js实现动态时间显示

Sep 07 Javascript

Vue组件模板形式实现对象数组数据循环为树形结构(实例代码)

Jul 31 Javascript

详解angularjs实现echart图表效果最简洁教程

Nov 29 Javascript

vue自定v-model实现表单数据双向绑定问题

Sep 03 Javascript

如何在Vue中抽离接口配置文件

Oct 31 Javascript

JS实现密码框效果

Sep 10 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连接MongoDB示例代码

2012/09/06 PHP

使用php记录用户通过搜索引擎进网站的关键词

2014/02/13 PHP

html静态页面调用php文件的方法

2014/11/13 PHP

PHP实现QQ登录实例代码

2016/01/14 PHP

PHP实现的策略模式示例

2019/03/20 PHP

Smarty模板配置实例简析

2019/07/20 PHP

Ext 今日学习总结

2010/09/19 Javascript

jQuery1.3.2 升级到jQuery1.4.4需要修改的地方

2011/01/06 Javascript

tangram框架响应式加载图片方法

2013/11/21 Javascript

jquery统计用户选中的复选框的个数

2014/06/06 Javascript

基于JavaScript实现div层跟随滚动条滑动

2016/01/12 Javascript

在Node.js中使用Javascript Generators详解

2016/05/05 Javascript

webstorm添加vue.js支持的方法教程

2017/07/05 Javascript

ES6正则表达式扩展笔记

2017/07/25 Javascript

史上最全JavaScript数组去重的十种方法（推荐）

2017/08/17 Javascript

JS实现的简单tab切换功能完整示例

2019/06/20 Javascript

JS使用正则表达式判断输入框失去焦点事件

2019/10/16 Javascript

解决vue页面渲染但dom没渲染的操作

2020/07/27 Javascript

python通过pil模块将raw图片转换成png图片的方法

2015/03/16 Python

python使用PyGame播放Midi和Mp3文件的方法

2015/04/24 Python

python join方法使用详解

2019/07/30 Python

Python命令行click参数用法解析

2019/12/19 Python

pytorch 自定义参数不更新方式

2020/01/06 Python

Python识别html主要文本框过程解析

2020/02/18 Python

Python itertools.product方法代码实例

2020/03/27 Python

django的模型类管理器——数据库操作的封装详解

2020/04/01 Python

pycharm配置QtDesigner的超详细方法

2021/01/25 Python

孤独星球出版物：Lonely Planet Publications

2018/03/17 全球购物

宝拉珍选官方旗舰店：2%水杨酸精华液，收缩毛孔粗大和祛痘

2018/07/01 全球购物

大码女装：Ulla Popken

2019/08/06 全球购物

毕业生个人求职信范例分享

2013/12/17 职场文书

活动总结结尾怎么写

2014/08/30 职场文书

2014年销售工作总结与计划

2014/12/01 职场文书

运动会3000米加油稿

2015/07/21 职场文书

2016年教师反腐倡廉心得体会

2016/01/13 职场文书

JS前端轻量fabric.js系列物体基类

2022/08/05 Javascript