编程 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中instanceof与typeof运算符的用法及区别详细解析

Nov 19 Javascript

javascript调试过程中找不到哪里出错的可能原因

Dec 16 Javascript

angular.bind使用心得

Oct 26 Javascript

编写高质量JavaScript代码的基本要点

Mar 02 Javascript

基于jquery实现智能表单验证操作

May 09 Javascript

js实现动态创建的元素绑定事件

Jul 19 Javascript

echarts学习笔记之图表自适应问题详解

Nov 22 Javascript

jQuery实现鼠标响应式透明度渐变动画效果示例

Feb 13 jQuery

Vue请求JSON Server服务器数据的实现方法

Nov 02 Javascript

vuex 解决报错this.$store.commit is not a function的方法

Dec 17 Javascript

浅谈Vue.set实际上是什么

Oct 17 Javascript

原生js实现无缝轮播图效果

Jan 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中文汉字验证码

2007/04/08 PHP

php mssql 日期出现中文字符的解决方法

2009/03/10 PHP

详解PHP中cookie和session的区别及cookie和session用法小结

2016/06/12 PHP

PHP PDOStatement::fetch讲解

2019/01/31 PHP

非常好的js代码

2006/06/27 Javascript

Javascript 同时提交多个Web表单的方法

2009/02/19 Javascript

MooTools 1.2介绍

2009/09/14 Javascript

jquery中使用$(#form).submit()重写提交表单无效原因分析及解决

2013/03/25 Javascript

在javascript中关于节点内容加强

2013/04/11 Javascript

JavaScript加强之自定义event事件

2013/09/21 Javascript

js快速排序的实现代码

2013/12/08 Javascript

javascript实现存储hmtl字符串示例

2014/04/25 Javascript

Javascript仿PHP $_GET获取URL中的参数

2014/05/12 Javascript

js上传图片及预览功能实例分析

2015/04/24 Javascript

jQuery实现的动态伸缩导航菜单实例

2015/05/07 Javascript

简单谈谈javascript Date类型

2015/09/06 Javascript

iScroll.js 使用方法参考

2016/05/16 Javascript

JS中的Replace()传入函数时的用法详解

2017/09/11 Javascript

JavaScript之实现一个简单的Vue示例

2019/01/17 Javascript

如何使用 JavaScript 操作浏览器历史记录 API

2020/11/24 Javascript

Python计算已经过去多少个周末的方法

2015/07/25 Python

利用python3随机生成中文字符的实现方法

2017/11/24 Python

Python实现的查询mysql数据库并通过邮件发送信息功能

2018/05/17 Python

Python基于内置库pytesseract实现图片验证码识别功能

2020/02/24 Python

完美解决TensorFlow和Keras大数据量内存溢出的问题

2020/07/03 Python

python opencv实现简易画图板

2020/08/27 Python

如何使用python写截屏小工具

2020/09/29 Python

HTML5 微格式和相关的属性名称

2010/02/10 HTML / CSS

丝芙兰新加坡官网：Sephora新加坡

2018/12/04 全球购物

德国电子产品购物网站：TechInTheBasket德国

2018/12/07 全球购物

馥蕾诗美国官网：Fresh美国

2019/10/09 全球购物

优秀公益广告词大全

2014/03/19 职场文书

2014年学校财务工作总结

2014/12/06 职场文书

中秋节作文（五年级）之关于月亮

2019/09/11 职场文书

端午节将至,用Python爬取粽子数据并可视化,看看网友喜欢哪种粽子吧!

2021/06/11 Python

SpringBoot集成MongoDB实现文件上传的步骤

2022/04/18 MongoDB