<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

 <html xmlns="http://www.w3.org/1999/xhtml">

 <head>

     <title>测试</title>

     <script src="js/jquery-1.9.1.js" type="text/javascript"></script>

     <script src="js/jquery.validate-vsdoc.js" type="text/javascript"></script>

     <script type="text/javascript">

         $(function() {

             $("#test1").validate({

                 rules: {

                     txtLoginIdName: {

                         required: true,

                         maxlength: 10,

                         minlength: 5

                     },

                     txtPwdName: {

                         required: true,

                         minlength: 2

                     },

                     confirm_pwdName: {

                         required: true,

                         equalTo: "#txtPwd"

                     }

                 },

                 messages: {

                     txtLoginIdName: "务必输入用户名",

                     txtPwdName: {

                         required: "务必输入密码",

                         minlengt: "最小长度为2",

                         maxlength: "最大长度10"

                     },

                     confirm_pwd: {

                         equalTo: "两次输入务必一致"

                     }

                 }

             });

             $.extend($.validator.messages, {

                 required: "必选字段",

                 remote: "请修正该字段",

                 email: "请输入正确格式的电子邮件",

                 url: "请输入合法的网址",

                 date: "请输入合法的日期",

                 dateISO: "请输入合法的日期 (ISO).",

                 number: "请输入合法的数字",

                 digits: "只能输入整数",

                 creditcard: "请输入合法的信用卡号",

                 equalTo: "请再次输入相同的值",

                 accept: "请输入拥有合法后缀名的字符串",

                 maxlength: $.validator.format("请输入一个长度最多是 {0} 的字符串"),

                 minlength: $.validator.format("请输入一个长度最少是 {0} 的字符串"),

                 rangelength: $.validator.format("请输入一个长度介于 {0} 和 {1} 之间的字符串"),

                 range: $.validator.format("请输入一个介于 {0} 和 {1} 之间的值"),

                 max: $.validator.format("请输入一个最大为 {0} 的值"),

                 min: $.validator.format("请输入一个最小为 {0} 的值")

             });

         });

     </script>

 </head>

 <body>

     <form id="test1" name="test1" method="POST" action="">

     <span>用户名:</span><input type="text" id="txtName" name="txtLoginIdName" class="required" /><br />

     <span>密 码:</span><input type="text" id="txtPwd" name="txtPwdName" /><br/>

     <span>再次输入密码</span><input type="text" id="confirm_pwd" name="confirm_pwdName" />

     <input type="submit" value="提交" name="subText" id="subText" />

     </form>

 </body>

 </html>

小demo

vaildate是根据标签的name属性进行操作,

Jquery VailDate初探的更多相关文章

  1. JQuery插件开发初探——图片轮播

    在熟悉了插件开发的结构以后,自己尝试着做了一个稍微复杂一点的小功能:图片轮播插件. 由于之前使用的一款图片轮播插件,性能不高,页面加载的时候需要载入全部的图片,因此速度很慢. 通过自己做这个小插件,能 ...

  2. JQuery插件开发初探——结构熟悉

    工作之余,对Jquery插件做了一点尝试,想着之前总用别人写的插件,自己要是也写一个用岂不是很cool.于是说干就干,动手开始写. 首先是模仿,从一个简单的功能进行入手,了解一下插件开发的流程和结构. ...

  3. JQuery之初探

    软考过后又进入了紧张的B/S学习阶段,因为自己的进度比較慢,所以更要加进学习.如今就来总结下JQuery的一些基础知识: JQuery定义 jQuery是一套跨浏览器的JavaScript库,简化HT ...

  4. Jquery DataTable初探

    最近在做公司的后台模版,表格渲染都是用的datatable,现在来总结一下常用用法. datatable中文网参考链接 配置介绍 1. "aLengthMenu": [ [5, 1 ...

  5. jQuery插件开发初探

    最简单的插件 $.fn.changeStyle = function (colorStr) { $(this).css('color',colorStr); } 应用如下: <!DOCTYPE ...

  6. jquery用法初探

    JQuery选择器 JQuery选择器用于查找满足条件的元素,比如可以用$(“#控件Id”)来根据控件id获得控件的jQuery对象,相当于getElementById: 1.id 选择器   $(“ ...

  7. JS组件系列——使用HTML标签的data属性初始化JS组件

    前言:最近使用bootstrap组件的时候发现一个易用性问题,很多简单的组件初始化都需要在JS里面写很多的初始化代码,比如一个简单的select标签,因为仅仅只是需要从后台获取数据填充到option里 ...

  8. jQuery初探 jQuery选取和操纵元素的特点

    jQuery初探 jQuery选取和操纵元素的特点 JavaScript选取元素 先来看看不用jQuery的时候我们是怎么处理元素选取的. JavaScript选取元素的时候,可以根据id获取元素,当 ...

  9. 初探jquery.slimscroll.js和iscroll5.js

    网上关于实现各种滚动效果的插件不胜枚举,这里,我简单介绍一下自己用过的两款比较有代表性的插件: 1.jquery.slimscroll.js,需要先引入jquery类库,主要用于模拟传统的浏览器滚动条 ...

随机推荐

  1. C#调用VC dll输出参数

    最近做项目需要把以前Vc写的程序整合到VS2005来,用c#写的,以前VC的动态连接库写好了,重写比较麻烦,让C#调用VC dll就好了.但碰到了一个问题:VC中作为输出参数的char*类型的变量应该 ...

  2. about云开发虚拟化资源汇总，持续更新

    H3C实验手册H3C实验手册内容包括:1.帧中继典型配置举例一2.典型访问列表和地址转换综合应用配置案例3.交换机基本配置4.轮循DCC配置举例5.X.25典型配置举例6.MultiLink PPP配 ...

  3. POJ1836 - Alignment（LIS）

    题目大意 一队士兵排成一条直线,问最少出队几个士兵,使得队里的每个士兵都可以看到又端点或者左端点 题解 从左往右搞一遍LIS,然后从右往左搞一遍LIS,然后枚举即可... 代码: #include&l ...

  4. POJ1006 - Biorhythms（中国剩余定理）

    题目大意 略...有中文... 题解 就是解同余方程组 x≡(p-d)(mod 23) x≡(e-d)(mod 28) x≡(i-d)(mod 33) 最简单的中国剩余定理应用.... 代码: #in ...

  5. SecureCRTPortable的安装和使用

    玩玩这个远程连接软件,是个绿色软件. 别人已经做好了的. 解压之后, 下面,软件展示下, 这会默认去打开, 为了,方便,使用,放到桌面,作为快捷方式 成功

  6. nyoj 915 +-字符串

    +-字符串 时间限制:1000 ms  |  内存限制:65535 KB 难度:1   描述 Shiva得到了两个只有加号和减号的字符串,字串长度相同.Shiva一次可以把一个加号和它相邻的减号交换. ...

  7. Docker - 配置国内加速器加速镜像下载。

    引言 由于网络原因,我们在pull Image 的时候,从Docker Hub上下载会很慢...所以,国内的Docker爱好者们就添加了一一些国内的镜像(mirror),方便大家使用. 配置阿里云加速 ...

  8. Android Developers:拖动和缩放

    这个课程描述了如何使用手势来拖拽和缩放屏幕的对象,使用onTouchEvent()方法来获取触摸事件.这里是这节课程使用的源代码. 拖动一个对象 ——————————————————————————— ...

  9. mysql 5.7新数据库sys解析（一）

    mysql5.7增加了sys 系统数据库,通过这个库可以快速的了解系统的元数据信息 这个库确实可以方便DBA发现数据库的很多信息,解决性能瓶颈都提供了巨大帮助   这个库在mysql5.7中是默认存在 ...

  10. 69 Spring Interview Questions and Answers – The ULTIMATE List--reference

    This is a summary of some of the most important questions concerning the Spring Framework, that you ...