<!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. arcgis android 加载google切片 天地图切片 并且能进行缓存

    废话不多说,直接下载,看layer包! https://github.com/Young-Ken/android-gis

  2. 【JS】Intermediate8:jQuery:AJAX

    1.$.ajax is the main method, allowing you to manually construct your AJAX request 2.eg: gets some da ...

  3. 改进的SMO算法

    S. S. Keerthi等人在Improvements to Platt's SMO Algorithm for SVM Classifier Design一文中提出了对SMO算法的改进,纵观SMO ...

  4. Codevs 1222 信与信封问题 二分图匹配,匈牙利算法

    题目: http://codevs.cn/problem/1222/ 1222 信与信封问题   时间限制: 1 s   空间限制: 128000 KB   题目等级 : 钻石 Diamond 题解 ...

  5. Android ListView 全面优化

    结合昨天学习的多线程,今天又继续对ListView进行了优化,包括异步加载图片,滑动时暂停加载,滑动停止后再加载显示界面中的item. 综合ListView在使用时参考的多篇博客,这里对ListVie ...

  6. 删除旧Ambari集群

    年少无知,安装了1.2.0版本.开源社区动力太强,更新的吼吼的跟不上啊,升级发生错误,于是就想重装了.在网上找到了一个很好的删除脚本,分享一下.原文链接 http://www.cnblogs.com/ ...

  7. Codeforces10D–LCIS(区间DP)

    题目大意 给定两个序列,要求你求出最长公共上升子序列 题解 LIS和LCS的合体,YY好久没YY出方程,看了网友的题解,主要是参考aikilis的,直接搬过来好了 经典的动态规划优化. 用opt[i] ...

  8. Java NIO缓冲

    缓冲区(buffer)是从即将写入通道(channel)或刚刚从通道中读出的一段数据.它是一个持有数据,并扮演NIO通道端点的对象.缓冲区为数据访问和读写过程提供正式机制. 它是NIO和老版Java ...

  9. javascript数组操作汇总

    javascript之数组操作 - 不悔的青春 - 博客园 1.数组的创建 var arrayObj = new Array(); //创建一个数组 var arrayObj = new Array( ...

  10. 全英文版时间格式化07/29/2010 4:14:01 PM

    之前格式化,AM PM出不来,总是显示上午 下午 aspx页面的绑定: <%#Eval("AddDate") == DBNull.Value ? "" : ...