Loading [MathJax]/jax/output/CommonHTML/config.js
前往小程序,Get更优阅读体验!
立即前往
首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >专栏 >jQuery formValidator表单验证插件

jQuery formValidator表单验证插件

作者头像
wangxl
发布于 2018-03-07 02:57:20
发布于 2018-03-07 02:57:20
2.6K0
举报
文章被收录于专栏: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 删除。

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

评论
登录后参与评论
暂无评论
推荐阅读
编辑精选文章
换一批
angularjs学习第五天笔记(第二篇:表单验证升级篇)
您好,我是一名后端开发工程师,由于工作需要,现在系统的从0开始学习前端js框架之angular,每天把学习的一些心得分享出来,如果有什么说的不对的地方,请多多指正,多多包涵我这个前端菜鸟,欢迎大家的点评与赐教。谢谢!
小小许
2018/08/30
1.7K0
angularjs学习第五天笔记(第二篇:表单验证升级篇)
JQuery 入门学习(一)
写这个之前要先抱歉一下,由于我这段时间要做一个网站,而且比较重要,所以之前那个gh0st的文章先停一段时间,实在没有功夫写那个代码了,不过迟早是会继续写的。
phith0n
2020/10/15
1.7K0
bootstrapValidator的使用
https://mrbird.cc/BootstrapValidator指南.html
手撕代码八百里
2020/07/28
2.3K0
jQuery Validate插件实现表单验证
jQuery Validate插件为表单提供了强大的验证功能,让客户端表单验证变得更简单,同时提供可选的定制选项,以满足应用程序各种需求。该插件捆绑了一套有用的验证方法,包括URL和电子邮件验证,同时提供了一个使用编写用户自定义方法的API。所有的捆绑方法替换使用英语作为错误信息,并已翻译成其他37种语言。
别团等shy哥发育
2023/02/25
1.5K0
jQuery Validate插件实现表单验证
表单数据验证方法(一)—— 使用validate.js实现表单数据验证
 好久没写博客了,真的是罪过,以后不能这样了,只学习不思考,学的都是白搭,希望在博客园能记录下自己学习的点滴,虽然记录的都是些浅显的技术,但能起到巩固自己和稍微帮助一下和我一样的菜鸡也是不错的,哈哈,不好意思,闲话扯多了。
CherishTheYouth
2019/09/11
5.9K0
表单数据验证方法(一)—— 使用validate.js实现表单数据验证
windsformvalid-表单验证JQuery插件
每次表单每个页面提交都要自己写脚本验证信息,老是复制粘贴的很烦,改起来也很麻烦,网上也有大把的表单验证插件,但是感觉用起来不灵活,这就出现了windsformvalid.
XiaoA
2023/05/24
9320
windsformvalid-表单验证JQuery插件
用jquery实现表单验证_jquery验证插件
功能强大的 jQuery 表单验证插件,适用于日常的 E-mail、电话号码、网址等验证及 Ajax 验证,除自身拥有丰富的验证规则外,还可以添加自定义的验证规则。
全栈程序员站长
2022/11/09
4.7K0
day02jQuery表单验证
使用JavaScript的形式进行元素的增删时,优点是逻辑清晰明了,缺点是比较繁琐
张哥编程
2024/12/13
1380
JQuery.validationEngine表单验证插件
JQuery.validationEngine表单验证控件功能强大,自带了样式显示模式:
全栈程序员站长
2022/11/15
2K0
JQuery.validationEngine表单验证插件
表单验证+获取元素的三种方式
多多支持,欢迎评论区留言ʕ•̼͛͡•ʕ-̺͛͡•ʔ•̮͛͡•ʔ ʕ•̫͡•ʕ*̫͡*ʕ•͓͡•ʔ-̫͡-ʕ•̫͡•ʔ*̫͡*ʔ-̫͡-ʔ
天蝎座的程序媛
2022/11/18
5150
表单验证+获取元素的三种方式
Validform jquery
在前端开发中,表单验证是非常重要的一环,能够有效地提升用户体验和数据完整性。Validform 是一个基于 jQuery 的表单验证插件,它简单易用,功能强大,广泛应用于各类网站和Web应用中。本篇文章将详细介绍 Validform jQuery 插件的用法和功能。
大盘鸡拌面
2024/04/28
2450
【转】jQuery验证控件jquery.validate.js使用说明+中文API
一、导入js库 <script src="../js/jquery.js" type="text/javascript"></script> <script src="../js/jquery.validate.js" type="text/javascript"></script> 二、默认校验规则 (1)required:true                必输字段 (2)remote:"check.php"      使用ajax方法调用check.php验证输入值 (3)email:
用户1696846
2018/07/16
5K0
.NET MVC第七章、jQuery插件验证
如果是VS2019在创建的过程中自带这些内容,VS2017则会少一些,例如jQuery是1.0版本的,也会有验证功能的js。 
红目香薰
2022/11/30
1.4K0
.NET MVC第七章、jQuery插件验证
jQuery插件jQueryValidate
jQuery Validate是一个流行的jQuery表单验证插件,用于验证用户输入的表单数据。它提供了一组简单且强大的验证规则和选项,使开发人员能够轻松地实现客户端表单验证功能。
堕落飞鸟
2023/05/18
2.8K0
jquery校验规则的使用
<!--[endif]--> 默认校验规则 (1)required:true 必输字段 (2)remote:"check.php" 使用ajax方法调用check.php验证输入值 (3)email:true 必须输入正确格式的电子邮件 (4)url:true 必须输入正确格式的网址 (5)date:true 必须输入正确格式的日期 (6)d
西门呀在吹雪
2020/11/09
5.2K0
jquery 表单验证插件validate
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title></title> <script src="../../scripts/jquery.js" type="text/javascript"></script> <script src="lib/jquery.validate.js" type="text/javascript"></script> <style type="text/css">
用户5760343
2019/10/10
1.8K0
jquery 表单验证插件validate
Web-第四天 jQuery学习
jQuery是一个JavaScript框架。它兼容CSS3,还兼容各种浏览器。文档说明很全,应用详细,成熟插件多。
Java帮帮
2018/07/27
3.6K0
Web-第四天 jQuery学习
JQuery 学习—JQuery Validation表单验证范例[通俗易懂]
jQuery Validato表单验证插件,它是基于jQuery类库,实现了js脚本于页面html代码的分离。你可以划分多个校验组,每个组的校验都是互不影响。对一个表单对象,你只需要写一行代码就可以轻松实现无数种(理论上)脚本控制。
全栈程序员站长
2022/07/19
2K0
Validate表单验证
validate 一、 validate的使用步骤 引入jquery.min.js 引入 jquery.validate.js 页面加载后对表单进行验证 $("#表单id名").validate({}) 在validate中的rules中编写验证规则(格式如下) 字段的name属性:“校验器”(tisps:一个输入框只有一个校验器的时候使用) 字段的name属性:{校验器:值,校验器:值}(tips:输入框需要有多个校验器的时候使用) 在validate中的messages中编写提示信息(tips格
Twcat_tree
2022/11/30
3.9K0
Validate表单验证
html中表单的校验的插件,jquery表单验证插件validationEngine「建议收藏」
对 validationEngine.jquery.css 文件进行修改,修改如下:
全栈程序员站长
2022/11/10
2.8K0
相关推荐
angularjs学习第五天笔记(第二篇:表单验证升级篇)
更多 >
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档