<!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. HDU 4135 Co-prime

    思路:直接用求(b,1)范围内互质的数,(a-1,1)范围内互质的数.再求反 就是敲一下容斥模板 #include<cstdio> #include<cstring> #inc ...

  2. Docker系列(三)常用命令

    命令说明 docker pull 格式: docke pull [OPTIONS] NAME[:TAG] 作用:下载名称为 name 的镜像 例子: sudo docker pull dl.docke ...

  3. HW3.17

    import java.util.Scanner; public class Solution { public static void main(String[] args) { Scanner i ...

  4. tomcat运行问题解决方法

    早上过来遇到一个非常奇怪的问题,运行一个新的项目,运行环境都没问题,可是在调试的时候,总是出错. 错误代码: log4j:WARN No appenders could be found for lo ...

  5. hibernate三级缓存介绍

    hibernate缓存机制:分为三种:1.一级缓存(session级别缓存,同一session中不会重复发出sql,默认会实现)2.二级缓存(跨session的缓存,不同session会从同一缓存中取 ...

  6. [置顶] Oracle job procedure 存储过程定时任务

    oracle job有定时执行的功能,可以在指定的时间点或每天的某个时间点自行执行任务. 一.查询系统中的job,可以查询视图 --相关视图 select * from dba_jobs; selec ...

  7. DataTable 导出到 Excel 类

    底层类: #region DataTable 导出到 Excel /// <summary> /// DataTable 导出到 Excel /// </summary> // ...

  8. Kinect for Windows SDK开发入门(一)：开发环境配置

    [译]Kinect for Windows SDK开发入门(一):开发环境配置 前几天无意中看到微软发布了Kinect for windows sensor,进去看了一下Kinect应用的例子,发现K ...

  9. paip. mysql如何临时 暂时 禁用 关闭 触发器

    paip. mysql如何临时 暂时 禁用 关闭 触发器 作者Attilax ,  EMAIL:1466519819@qq.com  来源:attilax的专栏 地址:http://blog.csdn ...

  10. Java出现No enclosing instance of type E is accessible. Must qualify the allocation with an enclosing--转

    原文:http://blog.csdn.net/sunny2038/article/details/6926079 最近在看Java,在编译写书上一个例子时,由于书上的代码只有一部分,于是就自己补了一 ...