编程 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代码

Nov 23 Javascript

js 代码优化点滴记录

Feb 19 Javascript

JS打印gridview实现原理及代码

Feb 05 Javascript

Jquery插件easyUi表单验证提交(示例代码)

Dec 30 Javascript

Java中Timer的用法详解

Oct 21 Javascript

原生js页面滚动延迟加载图片

Dec 20 Javascript

JavaScript重载函数实例剖析

May 13 Javascript

jQuery监听文件上传实现进度条效果的方法

Oct 16 Javascript

Vue中如何实现轮播图的示例代码

Jul 27 Javascript

Vue中遍历数组的新方法实例详解

Jul 21 Javascript

python虚拟环境 virtualenv的简单使用

Jan 21 Javascript

Vue.js使用axios动态获取response里的data数据操作

Sep 08 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

一个捕获函数输出的函数

2007/02/14 PHP

PHP备份数据库生成SQL文件并下载的函数代码

2012/02/05 PHP

浅析php单例模式

2014/11/25 PHP

php面向对象中static静态属性与方法的内存位置分析

2015/02/08 PHP

php自定义hash函数实例

2015/05/05 PHP

php事务回滚简单实现方法示例

2017/03/28 PHP

PDO::rollBack讲解

2019/01/29 PHP

js模拟弹出效果代码修正版

2008/08/07 Javascript

将光标定位于输入框最右侧实现代码

2012/12/04 Javascript

解决jquery1.9不支持browser对象的问题

2013/11/13 Javascript

网页右下角弹出窗体实现代码

2014/06/05 Javascript

javascript 面向对象封装与继承

2014/11/27 Javascript

js实现浮动在网页右侧的简洁QQ在线客服代码

2015/09/04 Javascript

实例详解Nodejs 保存 payload 发送过来的文件

2016/01/14 NodeJs

JavaScript File API文件上传预览

2016/02/02 Javascript

javascript每日必学之封装

2016/02/23 Javascript

jQuery简单实现MD5加密的方法

2017/03/03 Javascript

jquery平滑滚动到顶部插件使用详解

2017/05/08 jQuery

vue.js响应式原理解析与实现

2020/06/22 Javascript

vue动态子组件的两种实现方式

2019/09/01 Javascript

关于引入vue.js 文件的知识点总结

2020/01/28 Javascript

Vue+element+cookie记住密码功能的简单实现方法

2020/09/20 Javascript

[48:24]完美世界DOTA2联赛PWL S3 Forest vs INK ICE 第一场 12.09

2020/12/12 DOTA

Python3按一定数据位数格式处理bin文件的方法

2019/01/24 Python

详解Python解决抓取内容乱码问题（decode和encode解码）

2019/03/29 Python

Python实现操纵控制windows注册表的方法分析

2019/05/24 Python

django中瀑布流写法实例代码

2019/10/14 Python

Python运行提示缺少模块问题解决方案

2020/04/02 Python

python爬虫scrapy框架的梨视频案例解析

2021/02/20 Python

详解CSS中iconfont的使用

2015/08/04 HTML / CSS

Css3新特性应用之视觉效果实例

2016/12/12 HTML / CSS

韩国11街：11STREET

2018/03/27 全球购物

社团活动策划书范文

2014/01/09 职场文书

商场中秋节广播稿

2014/01/17 职场文书

2015年公共机构节能宣传周活动总结

2015/03/26 职场文书

Python基于百度AI实现抓取表情包

2021/06/27 Python