`

jquery.validate入门demo

 
阅读更多

jquery.validate入门demo

工作中经常需要用到js验证，jquery有一款比较不错的表单验证框架（jquery.validate.js）

  1. <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">   
  2. <html>   
  3.  <head>   
  4.   <title></title>   
  5.   <script type="text/javascript" src="lib/jquery.js"></script>   
  6.   <script type="text/javascript" src="./jquery.validate.js"></script>   
  7.  </head>   
  8.   
  9.  <body>   
  10.   <script type="text/javascript">   
  11.   <!--   
  12.   
  13.     $(function(){    
  14.   
  15.         $.validator.addMethod("isMobile",function(value, element, params){   
  16.             return this.optional(element)||value=='13420642222';   
  17.         },"请填入正确的手机号码！");   
  18.   
  19.         var v = $("#form1").validate({   
  20.         rules:{   
  21.             text1:{required:true},   
  22.             text2:{required:true,email:true},   
  23.             text4:{required:true,digits:true},   
  24.             text5:{required:true,date:true},   
  25.             text6:{required:true,isMobile:true},   
  26.             text3:{required:true,number:true}   
  27.         },messages:{   
  28.             text1:{required:"请输入姓名"},   
  29.             text2:{required:"email不能为空！",email:"请输入正确的email"},   
  30.             text4:{required:"text4不能为空！",digits:"请输入正确整数"},   
  31.             text5:{required:"text5不能为空！",date:"请输入正确日期"},    
  32.             text3:{required:"text3不能为空！",number:"必须为数字"}   
  33.         },debug:true,    
  34.         onfocusout:false  
  35.         });   
  36.   
  37.            
  38.         $("#ss").click(function(){   
  39.             var check = v.form();   
  40.         /*  v.errorList.push({message:"dasd",element:null});   
  41.             var msg = "";  
  42.              $.each( v.errorList, function(i,v){    
  43.               msg += ((i+1)+"、"+v.message+"\r\n");    
  44.             });    
  45.             if(msg!="") alert(msg);*/  
  46.         });   
  47.     });   
  48.   //-->   
  49.   </script>   
  50.  </body>   
  51.  <form method="post" action="" id="form1">   
  52.     <input type="text" name="text1"><br/>   
  53.     <input type="text" name="text2"><br/>   
  54.     <input type="text" name="text3"><br/>   
  55.     <input type="text" name="text4"><br/>   
  56.     <input type="text" name="text5"><br/>   
  57.     <input type="text" name="text6"><br/>   
  58.     <input type="text" name="text7"><br/>   
  59.     <input type="text" name="text8"><br/>   
  60.   
  61.   
  62.     <input type="button" id="ss" value="提交">   
  63.  </form>   
  64. </html>  
分享到：
| jQuery Ajax 实例 ($.ajax、$.post、$.get) ...
评论
发表评论

您还没有登录,请您登录后再发表评论

相关推荐

    RequireJS代码文件依赖管理 - 入门代码演示

    exports: 'jQuery.fn.validate' // 指定jQuery.validate插件的导出 } } }); require(['jquery', 'validation'], function($, validate) { $(function() { $('form').validate({ // 使用jQuery.validate插件 ...

    JQuery基础PPT(含demo)

    **jQuery基础PPT(含demo) - 入门教学** jQuery是一个广泛应用于Web开发的JavaScript库，它极大地简化了JavaScript的DOM操作、事件处理、动画制作以及Ajax交互。本资料包含了一个PPT教程和相关示例，是学习jQuery...

    EasyUIForm表单Demo

    EasyUIForm表单Demo提供了一个基础模板，帮助开发者快速入门，理解EasyUI在表单处理上的用法，从而提高开发效率。通过深入学习和实践，开发者可以利用EasyUI构建出高效、美观且功能强大的Web应用表单。

    scratch少儿编程逻辑思维游戏源码-城堡战争.zip

    scratch少儿编程逻辑思维游戏源码-城堡战争.zip

    【Go语言编程】大厂Go工程师面试题集锦：涵盖并发、网络、数据库及算法设计要点

    内容概要：本文档汇集了来自字节跳动、腾讯、金山WPS、跟谁学和百度等大厂的Go工程师面试题，涵盖广泛的技术领域。主要包括Go语言特性（如goroutine调度、channel机制）、操作系统（进程间通信、线程调度）、计算机网络（TCP/IP协议栈、HTTP协议）、数据结构与算法（排序算法、LRU缓存）、数据库（MySQL索引优化、Redis内部机制）、分布式系统（负载均衡、服务发现）等方面的知识点。通过这些问题，不仅考察应聘者的理论基础，还测试其实际项目经验和技术深度。 适合人群：有一定Go语言编程经验和计算机基础知识的开发者，特别是准备应聘互联网大厂的中级及以上水平的后端工程师或全栈工程师。 使用场景及目标：①帮助求职者全面复习Go语言及其相关领域的核心概念；②为面试官提供有价值的参考题目，确保候选人具备解决复杂问题的能力；③指导工程师深入理解并掌握企业级应用开发所需的关键技能。 阅读建议：由于题目覆盖面广且难度较高，建议读者结合自身情况选择重点复习方向，同时配合实际编码练习加深理解。对于每个知识点，不仅要记住答案，更要理解背后的原理，这样才能在面试中灵活应对各种变体问题。

    scratch少儿编程逻辑思维游戏源码-堡垒之夜（吃鸡游戏）.zip

    scratch少儿编程逻辑思维游戏源码-堡垒之夜（吃鸡游戏）.zip

    少儿编程scratch项目源代码文件案例素材-派.zip

    少儿编程scratch项目源代码文件案例素材-派.zip

    scratch少儿编程逻辑思维游戏源码-Scratch 冒险.zip

    scratch少儿编程逻辑思维游戏源码-Scratch 冒险.zip

    2025 飞特舵机, Arduino版本

    2025 飞特舵机, Arduino版本

    scratch少儿编程逻辑思维游戏源码-躲避.zip

    scratch少儿编程逻辑思维游戏源码-躲避.zip

    PFC5.0纤维混凝土三点弯曲模拟：参数化建模与实验分析

    内容概要：本文详细介绍了利用PFC5.0进行纤维混凝土三点弯曲模拟的方法。首先，作者展示了如何通过定义纤维的体积含量、长度、半径和刚度等关键参数来构建纤维网络。接着，描述了三点弯曲加载的具体实现方式，包括加载速率控制和终止条件设定。最后，提供了后处理方法，如绘制并导出力-位移曲线图，以便于分析材料破坏机制。文中还给出了若干实用建议，如纤维半径的选择范围、加载速率的初始值以及不同类型纤维的接触模型选择。 适合人群：从事材料科学尤其是混凝土材料研究的专业人士，以及对离散元法和数值模拟感兴趣的科研工作者。 使用场景及目标：适用于希望深入了解纤维混凝土力学性能的研究人员，旨在帮助他们掌握PFC5.0软件的操作技巧，优化模拟参数设置，提高实验效率。 其他说明：文中提供的代码片段可以直接应用于实际项目中，同时附带了一些实践经验分享，有助于初学者快速入门并避免常见错误。

    少儿编程scratch项目源代码文件案例素材-生存V1（有BAG）.zip

    少儿编程scratch项目源代码文件案例素材-生存V1（有BAG）.zip

    少儿编程scratch项目源代码文件案例素材-披萨机器人.zip

    少儿编程scratch项目源代码文件案例素材-披萨机器人.zip

    少儿编程scratch项目源代码文件案例素材-气球滑雪板.zip

    少儿编程scratch项目源代码文件案例素材-气球滑雪板.zip

    少儿编程scratch项目源代码文件案例素材-使命召唤（苏联插旗）.zip

    少儿编程scratch项目源代码文件案例素材-使命召唤（苏联插旗）.zip

    可跨平台移植的模拟IIC实战项目STM32F407-TestIIC

    1. GPIO模拟I2C 实战项目，根据正点原子 STM32F407ZGT6 进行更改； 2. 可适配STM32、GD32、HC32等MCU；

    scratch少儿编程逻辑思维游戏源码-百米冲刺.zip

    scratch少儿编程逻辑思维游戏源码-百米冲刺.zip

    【蓝桥杯竞赛】历年试题精选与备考资源汇总：编程算法及硬件单片机试题解析与练习指导

    内容概要：本文档汇总了蓝桥杯历年试题及练习资源，涵盖编程类试题精选、硬件与单片机试题、练习资源与题库以及备考建议。编程类试题精选包括基础算法题（如数组求和、质因数分解）、经典算法案例（如最大子序列和、兰顿蚂蚁模拟）和数据结构应用（如字符全排列）。硬件与单片机试题主要涉及客观题考点，如BUCK电路和电源设计。练习资源与题库部分介绍了真题平台（如Dotcpp、CSDN专题）和专项训练包（如Python题库、Java百题集、C++真题解析）。备考建议分为分阶段练习（新手阶段、进阶提升）和模拟实战（如使用Dotcpp估分系统进行限时训练），强调按年份和组别分类练习，强化代码实现与调试能力。; 适合人群：准备参加蓝桥杯竞赛的学生及编程爱好者。; 使用场景及目标：①针对不同编程语言和难度级别的题目进行专项训练；②通过历年真题和模拟实战提高解题速度和准确性；③掌握算法设计、数据结构应用及硬件基础知识。; 阅读建议：此文档提供了丰富的试题和练习资源，建议根据自身水平选择合适的题目进行练习，并结合真题平台的估分系统和社区开源代码进行对比优化，逐步提升编程能力和竞赛水平。

    30kW储能PCS原理图设计：量产设计的关键要素与优化策略

    内容概要：本文详细介绍了30kW储能PCS（电力转换系统）原理图的设计要点及其量产化过程中需要注意的技术细节。首先阐述了储能PCS的基本概念和重要性，接着深入探讨了主拓扑结构的选择，特别是双级式结构的优势以及关键组件如IGBT的驱动时序配置。随后讨论了控制算法的智能化改进，包括加入前馈补偿以提高系统的稳定性。此外，还强调了EMC设计、PCB布局、元件选择等方面的注意事项，并分享了一些实际生产中遇到的问题及解决方案。最后提到了自动化测试方法和散热管理策略，确保产品在各种环境下的可靠运行。 适合人群：从事储能系统设计、电力电子产品研发的工程师和技术人员。 使用场景及目标：帮助读者掌握30kW储能PCS从原理图设计到量产实施的全流程关键技术，提升产品的性能和可靠性，避免常见错误。 其他说明：文中提供了具体的代码片段和实践经验，有助于理解和应用相关理论。

    少儿编程scratch项目源代码文件案例素材-喷气包多德.zip

    少儿编程scratch项目源代码文件案例素材-喷气包多德.zip

Magicbox
Global site tag (gtag.js) - Google Analytics