表单验证- jQuery+Validation

最新推荐文章于 2024-05-23 22:33:59 发布
最新推荐文章于 2024-05-23 22:33:59 发布
阅读量1.1k 收藏
点赞数
分类专栏： jQuery 文章标签： js

我写这些东西追求的是通俗易懂，便于在开发项目的时候快速查询并快速理解。

需要的两个js文件：点击打开链接

整个测试代码如下：注释都写的很清楚了

[html] view plain copy 在CODE上查看代码片 派生到我的代码片
  1. <%@page pageEncoding="UTF-8"%>  
  2. <head>  
  3. <title>注册</title>  
  4.   
  5. <!-- 引入js文件，注意路径 -->  
  6. <script src="js/jquery-1.10.2.js" type="text/javascript"></script>  
  7. <script src="js/jquery.validate.js" type="text/javascript"></script>  
  8.   
  9. <script type="text/javascript">  
  10.     $().ready(function() {  
  11.         $("#regForm").validate({  
  12.             rules : {  
  13.                 username : {  
  14.                     required : true,//不能为空  
  15.                     minlength : 5,  
  16.                     maxlength : 12  
  17.                 },  
  18.                 email : {  
  19.                     required : true,  
  20.                     email : true//email格式  
  21.                 },  
  22.                 password : {  
  23.                     required : true,  
  24.                     digits: true,//必须是数字  
  25.                     minlength : 6,  
  26.                     maxlength : 18  
  27.                 },  
  28.                 password_c : {  
  29.                     equalTo : "#password"//下面html中的password必须要有id  
  30.                 }  
  31.             },  
  32.             /*出错提示，此项可以不写，用默认的就足够了，默认的也是中文提示*/  
  33.             messages : {  
  34.                 username : {  
  35.                     required : "此项不能为空",  
  36.                 }  
  37.             }  
  38.         }, {  
  39.             //如果验证通过，则提交表单  
  40.             submitHandler : function(form) {  
  41.                 form.submit();  
  42.             }  
  43.         });  
  44.     });  
  45. </script>  
  46. </head>  
  47. <body>  
  48.     <form id="regForm" action="_register.jsp" method="post" >  
  49.         <table>  
  50.             <tr>  
  51.                 <td>登录名</td>  
  52.                 <td><input type="text" name="username" /></td>  
  53.             </tr>  
  54.             <tr>  
  55.                 <td>Email</td>  
  56.                 <td><input type="text" name="email" /></td>  
  57.             </tr>  
  58.             <tr>  
  59.                 <td>密码</td>  
  60.                 <td><input type="password" name="password" id="password" /></td>  
  61.             </tr>  
  62.             <tr>  
  63.                 <td>确认密码</td>  
  64.                 <td><input type="password" name="password_c" /></td>  
  65.             </tr>  
  66.             <tr>  
  67.                 <td></td>  
  68.                 <td><input type="submit" value="注 册" /></td>  
  69.             </tr>  
  70.         </table>  
  71.     </form>  
  72. </body>  
  73. </html>  

效果如下：
NissanZh
关注
专栏目录
jQuery+Validation表单验证
07-28
总的来说，jQuery+Validation的组合为前端开发提供了一种强大的表单验证解决方案，既提高了开发效率，也提升了用户的使用体验。通过熟练掌握这一技术，开发者可以更好地控制表单输入，确保数据的质量和一致性。
表单验证插件jquery-validation以及案例
Coder-coco的博客
08-14 383
确认密码
jquery-validation + springmvc 表单验证
03-25 178
JSP 页面 <script src="${pluginpath}/jquery1.11.3/jquery-1.11.3.min.js" type="text/javascript"></script> <!-- validation --...
jQuery--Validation插件（概述、表单验证、验证规则、自定义验证规则）详解
吴声子夜歌的博客
10-04 2731
Validation简介 最常使用的JavaScript的场合就是表单验证，而jQuery作为一个优秀的JavaScript库，也提供了一个优秀的表单验证插件——Validation。 Validation拥有如下特点： 内置验证规则：用于必填、数字、E-mail、URL和信用卡号码等19类内置验证规则 自定义验证规则：可以很方便地自定义验证规则 简单而强大的验证信息提示：默认了验证信息提示，并...
JQuery 表单验证框架
yueyehuguang的博客
05-23 1504
JQuery Validate 插件为表单提供了强大的验证功能，让客户端表单验证变得更简单，同时提供了大量的定制选项，满足应用程序各种需求。该插件捆绑了一套有用的验证方法，包括 URL 和电子邮件验证，同时提供了一个用来编写用户自定义方法的 API。所有的捆绑方法默认使用英语作为错误信息，且已翻译成其他 37 种语言。
实用的表单验证插件--jquery Validation
weixin_33913377的博客
09-28 158
Validation文档翻译 前言 Validation作为表单验证中最常用的插件，为我在开发过程中提供了很多便利的地方。虽然说我很常用，但是我真的不敢说我会用Validation。每次使用都是在菜鸟教程上粘贴代码，修改rule就这么用了。所以自己决定还是从头撸一遍文档，但是没找到中文文档。这就有了翻译这个文档的意愿了，那就开始吧。官方文...
form表单验证插件 jquery-validation 的基本使用
right_hou的博客
01-22 730
所需要的插件下载地址见文章末 步骤：   首先项目中引入需要的.js文件 jquery-3.3.1.min.js    jquery.validate.min.js &lt;!--根据自己项目的包结构考虑 --&gt; &lt;script type="text/javascript" src="js/jquery-3.3.1.min.js"&gt;&lt;/script...
jQuery验证表单插件——jquery-validation
Switch的博客
09-25 2989
jQuery验证表单插件——jquery-validation The jQuery Validation Plugin provides drop-in validation for your existing forms, while making all kinds of customizations to fit your application really easy. ——
表单验证 -- Validation
alicealice1991的专栏
04-05 345
最常使用JavaScript的场合就是表单的验证，而jQuery作为一个优秀的JavaScript库，也提供了一个优秀的表单验证插件----Validation。Validation是历史最悠久的jQuery插件之一，经过了全球范围内不同项目的验证，并得到了许多Web开发者的好评。作为一个标准的验证方法库，Validation拥有如下特点：   1.内置验证规则： 拥有必填、数字、Email
表单验证插件----jquery validation
weixin_34194379的博客
11-04 78
1、下载地址：http://jqueryvalidation.org/ 2、使用方法： <script type="text/javascript" src="http://www.xftz.cn/templets/yuanyou/js/jquery-1.12.1.min.js"></script> <script type="text/javascript...
validation-jQuery的validation表单验证插件.pdf
03-04
jQuery的validation插件是一款强大的表单验证工具，它基于JQuery库，使得开发者能够快速有效地实现对表单输入数据的验证。这个插件不仅提供了许多内置的验证规则，还允许自定义验证方法，同时支持多语言，极大地提高...
validation-jQuery的validation表单验证插件.docx
03-04
jQuery的validation表单验证插件是用于简化网页表单验证的工具，它基于jQuery库，提供了一种高效且可扩展的方式来验证用户输入的数据。这个插件使得开发者能够快速地实现常见输入验证，同时支持自定义验证规则和多...
jQuery-Validation-Engine：jQuery表单验证插件
02-27
jQuery验证引擎是一个Javascript插件，旨在验证浏览器（IE 6-8，Chrome，Firefox，Safari，Opera 10）中的表单字段。 该插件提供了吸引人的视觉提示，吸引了用户对主题的关注。 验证范围从电子邮件，电话和URL到更...
基于C语言的分布式id生成器idCreator设计源码
09-25
该项目是一款基于C语言开发的分布式ID生成器，名为idCreator。该系统由120个文件组成，包括52个头文件、50个C语言源文件、1个Git忽略文件、1个LICENSE文件、1个Markdown描述文件以及客户端相关的配置和脚本文件。该项目旨在提供一个高效、可靠的分布式ID生成解决方案，支持多种语言和平台的集成使用。
200号资源-源程序：（SCI论文+程序）使用多描述编码的状态估计外包传输网络-本人博客有解读
09-25
该资源详细解读可关注博主免费专栏《论文与完整程序》200号博文 对于通信网络上的状态估计，网络的效率和可靠性是关键问题。他的存在数据包丢弃和通信延迟会极大地削弱我们测量和预测动态pi状态的能力塞斯。多描述(MD)码是网络源代码的一种，用来补偿这种影响。卡尔曼滤波。我们考虑了两种分组丢弃模型：在一种模型中，分组丢弃是根据独立的和同分布(I.I.D.)Bernoulli随机过程，而在另一种模型中，分组丢弃是突发的，并且根据马尔可夫过程发生链条。结果表明，MD码极大地提高了卡尔曼滤波在大范围丢包情况下的统计稳定性和性能两种情况下的情况都是如此。仿真结果验证了我们的结论。
windows部署NuGet服务
09-25
基于C#实现windows部署NuGet服务 文档详细记录了C#工程的创建，NuGet服务部署及测试
基于java的房地产销售管理系统的开题报告.docx
最新发布
09-25
基于java的房地产销售管理系统的开题报告.docx
jQuery验证插件：jquery-validation详解
"jQuery-validation"是一个用于前端表单验证的JavaScript插件，由Bassistance开发。这个插件提供了丰富的验证规则和自定义功能，能够帮助开发者轻松实现对用户输入的有效性检查。 一、jQuery-validation 插件介绍 ...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值