编程 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 相关文章推荐

关于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 职场文书