惯性聚合 高效追踪和阅读你感兴趣的博客、新闻、科技资讯
阅读原文 在惯性聚合中打开

推荐订阅源

C
CXSECURITY Database RSS Feed - CXSecurity.com
K
Kaspersky official blog
A
Arctic Wolf
Attack and Defense Labs
Attack and Defense Labs
L
LINUX DO - 热门话题
N
News | PayPal Newsroom
cs.CV updates on arXiv.org
cs.CV updates on arXiv.org
L
Lohrmann on Cybersecurity
PCI Perspectives
PCI Perspectives
cs.AI updates on arXiv.org
cs.AI updates on arXiv.org
The Last Watchdog
The Last Watchdog
B
Blog RSS Feed
让小产品的独立变现更简单 - ezindie.com
让小产品的独立变现更简单 - ezindie.com
W
WeLiveSecurity
Know Your Adversary
Know Your Adversary
博客园 - Franky
T
Tenable Blog
T
Tailwind CSS Blog
钛媒体:引领未来商业与生活新知
钛媒体:引领未来商业与生活新知
Help Net Security
Help Net Security
WordPress大学
WordPress大学
T
The Exploit Database - CXSecurity.com
www.infosecurity-magazine.com
www.infosecurity-magazine.com
博客园 - 司徒正美
阮一峰的网络日志
阮一峰的网络日志
D
Darknet – Hacking Tools, Hacker News & Cyber Security
H
Heimdal Security Blog
TaoSecurity Blog
TaoSecurity Blog
S
Security Affairs
J
Java Code Geeks
小众软件
小众软件
freeCodeCamp Programming Tutorials: Python, JavaScript, Git & More
Apple Machine Learning Research
Apple Machine Learning Research
NISL@THU
NISL@THU
O
OpenAI News
The Cloudflare Blog
月光博客
月光博客
Google Online Security Blog
Google Online Security Blog
V
V2EX
罗磊的独立博客
美团技术团队
博客园 - 三生石上(FineUI控件)
Security Latest
Security Latest
奇客Solidot–传递最新科技情报
奇客Solidot–传递最新科技情报
C
Cyber Attacks, Cyber Crime and Cyber Security
cs.CL updates on arXiv.org
cs.CL updates on arXiv.org
Cyberwarzone
Cyberwarzone
L
LINUX DO - 最新话题
Hacker News - Newest:
Hacker News - Newest: "LLM"
大猫的无限游戏
大猫的无限游戏

博客园 - snryang

网站发布小工具,--让发布变简单一点 - snryang - 博客园 鼠标右键发布文件到远程服务器 关于跑步耳机的一些思考 对棋牌游戏平台的一些思考 复杂业务简单化的一个小技巧 老婆和老媽同時掉在了水裡终于有答案了 重发我的 HTML单据输入控件 js对象序列化为json字符串 CSS的一个小技巧 - snryang - 博客园 基于jQuery的单据输入 基于JQuery的拖拉效果, cms系统也不复杂 IList对象排序方法 基于jqury的自动完成 让你的博客园变灰 弹出遮罩层示例. Jquery学习 用反射来解决字段多带来的烦恼 数据库结构中的"树"
基于jQuery的表单验证 - snryang - 博客园
snryang · 2008-10-24 · via 博客园 - snryang

2008-10-24 11:30  snryang  阅读(4144)  评论()    收藏  举报

 

基于jQuery的表单验证插件 

参考了http://www.cnblogs.com/wzmaodong/archive/2008/01/11/1034901.html的一些东西,根据实际项目需要写的一个验证插件

API 调用说明
在页面加载完成之后使用下面语句绑定
        $("#test1").FV({

            group : "1",

            msg   : "用户名只能为字母,长度为6-10位",

            empty : true,

            valid : [ {T:"I",P:{min:6,max:10}},

                      {T:"R",P:"^[A-Za-z]+$"}

                    ]

        });

group: 表示分组,可以省略.

      可以简写为 G

msg: 表示错误提示信息,可以省略,默认为””

     可以简写为 M

empty: 表示可否为空,可以省略,默认为false

     可以简写为 E

valid : 表示要执行的验证方式,可以为了一个对象,如果要执行多种方式的验证,则为一个数组对象。

     可以简写为 V

valid 介绍

验证方式有四种

“I”输入验证

{T:"I",P:{T:"N",min:1,max:120}}

T 表示验证类型

P 表示验证的参数

T 表示验证的方式数字范围或字符串长度验证(N/S) ,可以省略,默认为”S” 字符串长度验证

    min 默认为0

    max 默认为1000

“C”相等验证

    {T:"C",P:"password1"}

    P 表单控件的ID

“R”正则表达式验证

    {T:"R",P:{R: "^[A-Za-z]+$",I:flase}}

    {T:"R",P:/^[A-Za-z]+$/}

    P 一个正则表达式对象,如果是一个字符串正则表达式,如:"^-?[1-9]\\d*$" 请注意里面的 \ 应该换为 \\

    I 表示是否区分大小写,默认为 flase

    第一种方式与第二种方式功能一样。

“F”自字义函数验证

    {T:"F",P:isDate}

    P 函数的名称,函数接收的第一个参数为当前input的值

原码:

Code

测试html

Code

打包下载:https://files.cnblogs.com/snryang/FV.rar