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

JavaScript开发规范要求(规范化代码)

Aug 16 Javascript

JQuery弹出炫丽对话框的同时让背景变灰色

May 22 Javascript

JavaScript获取一个范围内日期的方法

Apr 24 Javascript

jQuery实现获取绑定自定义事件元素的方法

Dec 02 Javascript

Laravel中常见的错误与解决方法小结

Aug 30 Javascript

微信小程序使用picker封装省市区三级联动实例代码

Oct 28 Javascript

jQuery表单验证之密码确认

May 22 jQuery

Vue.js上下滚动加载组件的实例代码

Jul 17 Javascript

简单谈谈vue的过渡动画(推荐)

Oct 11 Javascript

Angular4集成ng2-file-upload的上传组件

Mar 14 Javascript

vue实现在一个方法执行完后执行另一个方法的示例

Aug 25 Javascript

ant design vue中表格指定格式渲染方式

Oct 28 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数字字符串左侧补0、字符串填充和自动补齐的几种方法

2014/05/10 PHP

PHP中使用json数据格式定义字面量对象的方法

2014/08/20 PHP

PHP中strtr字符串替换用法详解

2014/11/26 PHP

详解PHP数组赋值方法

2015/11/07 PHP

Zend Framework实现自定义过滤器的方法

2016/12/09 PHP

centos7上编译安装php7以php-fpm方式连接apache

2018/11/08 PHP

基于jQuery图片平滑连续滚动插件

2009/04/27 Javascript

onclick与listeners的执行先后问题详细解剖

2013/01/07 Javascript

纯js实现遮罩层效果原理分析

2014/05/27 Javascript

javascript中的throttle和debounce浅析

2014/06/06 Javascript

基于jQuery实现表单提交验证

2014/11/24 Javascript

node.js中的fs.fchmod方法使用说明

2014/12/16 Javascript

封装属于自己的JS组件

2016/01/27 Javascript

AngularJS内建服务$location及其功能详解

2016/07/01 Javascript

通过jquery实现页面的动画效果(实例代码)

2016/09/18 Javascript

javascript事件的传播基础实例讲解(35)

2017/02/14 Javascript

微信小程序开发之顶部导航栏实例代码

2017/02/23 Javascript

原生JavaScript实现Tooltip浮动提示框特效

2017/03/07 Javascript

webpack构建换肤功能的思路详解

2017/11/27 Javascript

webpack打包js文件及部署的实现方法

2017/12/18 Javascript

浅谈React中组件间抽象

2018/01/27 Javascript

解决微信小程序云开发中获取数据库的内容为空的方法

2019/05/15 Javascript

vue封装可复用组件confirm,并绑定在vue原型上的示例

2019/10/31 Javascript

小程序websocket心跳库(websocket-heartbeat-miniprogram)

2020/02/23 Javascript

python实现定时播放mp3

2015/03/29 Python

Python返回真假值（True or False）小技巧

2015/04/10 Python

Python numpy 常用函数总结

2017/12/07 Python

Python reshape的用法及多个二维数组合并为三维数组的实例

2020/02/07 Python

美国手工艺品市场的领导者：Annie’s

2019/04/04 全球购物

美国名表在线商城：Ashford（支持中文）

2019/09/24 全球购物

英国在线药房和在线药剂师：Chemist 4 U

2020/01/05 全球购物

Python如何实现单例模式

2016/06/03 面试题

英语一分钟演讲稿

2014/04/29 职场文书

市场部岗位职责

2015/02/12 职场文书

导游词之秦始皇兵马俑博物馆

2019/09/29 职场文书