前往小程序,Get更优阅读体验!
立即前往
首页
学习
活动
专区
工具
TVP
发布
社区首页 >专栏 >jQuery formValidator表单验证插件

jQuery formValidator表单验证插件

作者头像
wangxl
发布2018-03-07 10:57:20
2.4K0
发布2018-03-07 10:57:20
举报
文章被收录于专栏:PHP在线PHP在线

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
  • 下载最新的版本,直接在本地查看。

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

本文参与 腾讯云自媒体分享计划,分享自微信公众号。
原始发表:2014-09-15,如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自 php 微信公众号,前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

本文参与 腾讯云自媒体分享计划  ,欢迎热爱写作的你一起参与!

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档