编程 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编写的第一人称射击游戏

Feb 25 Javascript

jQuery UI Datepicker length为空或不是对象错误的解决方法

Dec 19 Javascript

Javascript之this关键字深入解析

Nov 12 Javascript

基于css3新属性transform及原生js实现鼠标拖动3d立方体旋转

Jun 12 Javascript

jQuery访问浏览器本地存储cookie、localStorage和sessionStorage的基本用法

Oct 20 jQuery

Vue中的vue-resource示例详解

Nov 02 Javascript

详解Vue组件之作用域插槽

Nov 22 Javascript

node.js学习笔记之koa框架和简单爬虫练习

Dec 13 Javascript

其实你可以少写点if else与switch（推荐）

Jan 10 Javascript

浅谈Node新版本13.2.0正式支持ES Modules特性

Nov 25 Javascript

vue proxy 的优势与使用场景实现

Jun 15 Javascript

浅谈鸿蒙 JavaScript GUI 技术栈

Sep 17 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 spl_autoload_register实现自动加载研究

2011/12/06 PHP

PHP压缩html网页代码(清除空格,换行符,制表符,注释标记)

2012/04/02 PHP

zend framework配置操作数据库实例分析

2012/12/06 PHP

PHP常见漏洞攻击分析

2016/02/21 PHP

Zend Framework实现多文件上传功能实例

2016/03/21 PHP

laravel框架关于搜索功能的实现

2018/03/15 PHP

javascript一点特殊用法

2008/05/28 Javascript

jquery实现心算练习代码

2010/12/06 Javascript

Js-$.extend扩展方法使方法参数更灵活

2013/01/15 Javascript

$.getJSON在IE下失效的原因分析及解决方法

2013/06/16 Javascript

javascript将浮点数转换成整数的三个方法

2014/06/23 Javascript

基于jQuery实现网页进度显示插件

2015/03/04 Javascript

JavaScript文档碎片操作实例分析

2015/12/12 Javascript

微信小程序 wx.request(接口调用方式)详解及实例

2016/11/23 Javascript

Javascrip实现文字跳动特效

2016/11/27 Javascript

利用Node.js编写跨平台的spawn语句详解

2017/02/12 Javascript

使用jquery datatable和bootsrap创建表格实例代码

2017/03/17 Javascript

12条写出高质量JS代码的方法

2018/01/07 Javascript

JavaScript文本特效实例小结【3个示例】

2018/12/22 Javascript

浅谈使用nodejs搭建web服务器的过程

2020/07/20 NodeJs

[54:45]2018DOTA2亚洲邀请赛 4.1 小组赛 A组 Optic vs OG

2018/04/02 DOTA

[13:55]Newbee vs Team Spirit

2018/06/07 DOTA

[01:46]2020完美世界全国高校联赛秋季赛报名开启

2020/10/15 DOTA

python实现静态web服务器

2019/09/03 Python

浅析PEP570新语法: 只接受位置参数

2019/10/15 Python

python实现五子棋程序

2020/04/24 Python

Pytorch 解决自定义子Module .cuda() tensor失败的问题

2020/06/23 Python

Html5 APP中监听返回事件处理的方法示例

2018/03/15 HTML / CSS

Columbia Sportswear法国官网：全球户外品牌

2020/09/25 全球购物

京剧自荐信

2014/01/26 职场文书

大型晚会策划方案

2014/02/06 职场文书

《真想变成大大的荷叶》教学反思

2014/04/14 职场文书

数学备课组工作总结

2015/08/12 职场文书

CSS Transition通过改变Height实现展开收起元素

2021/08/07 HTML / CSS

vue组件冲突之引用另一个组件出现组件不显示的问题

2022/04/13 Vue.js

apache虚拟主机配置的三种方式(小结)

2022/07/23 Servers