jQuery formValidator表单验证插件

jQuery formValidator表单验证插件是客户端表单验证插件。

Query formValidator表单校验插件支持的验证功能(还有很多功能没有罗列)罗列如下:

  • 支持所有类型客户端控件的校验
  • 支持jQuery所有的选择器语法,只要控件有唯一ID和type属性。
  • 支持函数和正则表达式的扩展。提供扩展库formValidatorReg.js,你可以自由的添加、修改里面的内容。
  • 支持2种校验模式。第一种:文字提示(showword模式);第二种:弹出窗口提示(showalert模式)
  • 支持多个校验组。如果一个页面有多个提交按钮,分别做不同得提交,提交前要做不同的校验,所以你得用到校验组的功能。
  • 支持4种状态的信息提示功能,可以灵活的控制4种状态是否显示。第一种:刚打开网页的时候进行提示;第二种:获得焦点的时候进行提示;第三种:失去焦点时,校验成功时候的提示;第四种:失去焦点时,校验失败的错误提示。
  • 支持自动构建提示层。
  • 支持自定义错误提示信息。
  • 支持控件的字符长度、值范围、选择个数的控制。值范围支持数值型和字符型;选择的个数支持radio/checkbox/select三种控件
  • 支持2个控件值的比较。目前可以比较字符串和数值型。
  • 支持服务器端校验。
  • 支持输入格式的校验。

使用插件必须加载的文件 [top]

//加载jQuery类库 <script src="jquery_last.js" type="text/javascript"></script> //加载插件的样式库,如果你是自动构建提示层,请加载validatorAuto.css <link type="text/css" rel="stylesheet" href="style/validator.css"></link> //加载插件 <script src="formValidator.js" type="text/javascript"></script> //加载扩展库 <script src="formValidatorRegex.js" type="text/javascript"></script>

目 前支持5种大的校验方式,分别是:inputValidator(针对input、textarea、select控件的字符长度、值范围、选择个数的 控制)、compareValidator(提供2个对象的比较,目前可以比较字符串和数值型)、ajaxValidator(通过ajax到服务器上做 数据校验)、regexValidator(提供可扩展的正则表达式库) 、functionValidator (提供可扩展函数库来做校验)

你可以有两种方法快速开始(看到效果)

  • 直接查看Demo页面 http://www.cnblogs.com/wzmaodong
  • 下载最新的版本,直接在本地查看。

无论是那种方法,演示的例子中都有详细的步骤,以及对应的代码。

原文发布于微信公众号 - php(phpdaily)

原文发表时间:2014-09-15

本文参与腾讯云自媒体分享计划,欢迎正在阅读的你也加入,一起分享。

发表于

我来说两句

0 条评论
登录 后参与评论

相关文章

来自专栏张善友的专栏

使用MagicAjax 实现无刷新Webparts

介绍MagicAjax Web.config的配置如下: <?xml version="1.0"?> <configuration> <configSecti...

19010
来自专栏Python

django模板语法之include

假如我们有以下模板index.html,代码为: <!DOCTYPE html> <html lang="en"> <head> <meta chars...

1825
来自专栏python3

django--ajax的使用,应用

AJAX(Asynchronous Javascript And XML)翻译成中文就是“异步Javascript和XML”。即使用Javascript语言与服...

902
来自专栏SnailTyan

Linux中“Argument list too long”解决方法

1. 背景 Linux下使用cp,mv,rm等命令时经常会碰到“Argument list too long”错误,这主要是因为这些命令的参数太长,即文件个数过...

1860
来自专栏IMWeb前端团队

react组件性能优化探索实践

React本身就非常关注性能,其提供的虚拟DOM搭配上Diff算法,实现对DOM操作最小粒度的改变也是非常的高效。然而其组件渲染机制,也决定了在对组件进行更新时...

2167
来自专栏深度学习与计算机视觉

Python3 import 与 from...import

在 python 中,用 import 或者 from…import 来导入相应的模块。模块其实就是一些函数和类的集合文件,它能实现一些相应的功能,当我们需要使...

1927
来自专栏JetpropelledSnake

Vue学习笔记之vue-cli脚手架项目中组件的使用

在webpack-simple模板中,包括webpck模板。一个.vue文件就是一个组件。

963
来自专栏快乐八哥

Angular企业级开发(7)-MVC之控制器

1.MVC中的控制器 AngularJS的控制器主要为了把模型和视图连接在一起。大多数业务逻辑操作都会放在视图对应的控制器中。当然如果我们能够把业务逻辑放到后端...

1875
来自专栏别先生

Give root password for maintenance(or type control -D to continue)

2017-09-30 18:12:08 1:错误如图,本来开机准备用一下虚拟机,就出现一个这,为啥记录一下呢,因为网上好多不是很靠谱。 原因可能是之前关闭虚拟...

2628
来自专栏ITCloud的专栏

容器实战指北:一篇让你快速上手Docker的全指导

| 作者简介 ? |安装docker环境 安装docker环境就不用再提了,直接参考官方文档就可以了,需要注意在中国境内玩docker,最好配好镜像加速器。 ...

922

扫码关注云+社区