基于jquery的一个简单的脚本验证插件

 更新时间:2010年04月05日 00:35:30   作者:  
基于jquery的一个简单的脚本验证插件,希望能对大家有所帮助,有demo
主要用到了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.jb51.net/js/wl_check/index.htm

相关文章

  • javascript制作2048游戏

    javascript制作2048游戏

    这几天玩儿着2048这个游戏,突然心血来潮想练习下写程序的思路,于是乎就模仿做了一个,到目前位置还没有实现动态移动,不是很好看,不过玩儿着自己模仿的小游戏还是蛮爽的,哈哈
    2015-03-03
  • JQuery 学习技巧总结

    JQuery 学习技巧总结

    jQuery是继prototype之后的又一个优秀的Javascript框架。它是由 John Resig 于 2006 年初创建的,它有助于简化 JavaScript&#8482; 以及Ajax 编程。
    2010-05-05
  • jQuery滚动监听实现商城楼梯式导航效果

    jQuery滚动监听实现商城楼梯式导航效果

    这篇文章主要介绍了jQuery滚动监听,实现商城楼梯式导航,非常不错,具有参考借鉴价值,需要的朋友可以参考下
    2017-03-03
  • EasyUI的doCellTip实现鼠标放到单元格上提示单元格内容

    EasyUI的doCellTip实现鼠标放到单元格上提示单元格内容

    本篇文章主要介绍了easyUI的doCellTip 就是鼠标放到单元格上有个提示的功能,对于Javascript教程感兴趣的同学可以参考一下
    2016-08-08
  • jQuery.prop() 使用详解

    jQuery.prop() 使用详解

    这篇文章主要给大家简单介绍了jQuery.prop() 使用方法,有需要的小伙伴可以参考下
    2015-07-07
  • 关于jquery的多个选择器的使用示例

    关于jquery的多个选择器的使用示例

    jquery的多个选择器,就是可以同时选择多个元素进行操作,下面有个不错的示例,感兴趣的朋友可以参考下
    2013-10-10
  • jQuery写的日历(包括日历的样式及功能)

    jQuery写的日历(包括日历的样式及功能)

    本代码将实现以下样式及功能:日历标题背景色、日历标题字体色、日历背景色、日历字体色、假日字体色、背景水印色、是否显示上月和下月的日期,感兴趣的朋友可以了解下哈
    2013-04-04
  • jQuery代码实现图片墙自动+手动淡入淡出切换效果

    jQuery代码实现图片墙自动+手动淡入淡出切换效果

    在网页上经常可以看到有背景图片可以自动淡入淡入切换的效果,非常漂亮,实用性也非常高,今天小编给大家分享基于jquery代码实现图片墙自动+手动淡入淡出切换效果,感兴趣的朋友一起学习吧
    2016-05-05
  • jQuery 取值、赋值的基本方法整理

    jQuery 取值、赋值的基本方法整理

    这篇文章主要介绍了jQuery 取值、赋值的基本方法,需要的朋友可以参考下
    2014-03-03
  • jQuery实现固定在网页顶部的菜单效果代码

    jQuery实现固定在网页顶部的菜单效果代码

    这篇文章主要介绍了jQuery实现固定在网页顶部的菜单效果,通过jquery页面scroll事件及边距计算实现网页的菜单固定效果,非常简单实用,需要的朋友可以参考下
    2015-09-09

最新评论