<!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. centos解决ping unknown host的问题

    当ping www.baidu.com 的时候如果出现 unknown host的提示 再ping一下IP, ping 8.8.8.8 如果此时能ping通,那么就是DNS服务器没有设置,不能解析域名 ...

  3. HW4.33

    public class Solution { public static void main(String[] args) { int sum; for(int i = 6; i < 1000 ...

  4. POJ3107--Godfather（树的重心）

    vector建图被卡了..改为链式前向星500ms过的..差了四倍多?... 表示不太会用链表建图啊..自己试着写的,没看模板..嗯..果然错了..落了一句话orz 树的重心就是找到一个树中一个点,其 ...

  5. Scala IDE for Eclipse的下载、安装和WordCount的初步使用（本地模式和集群模式）

    包括: Scala IDE for Eclipse的下载  Scala IDE for Eclipse的安装 本地模式或集群模式 我们知道,对于开发而言,IDE是有很多个选择的版本.如我们大部分人经常 ...

  6. FireFox浏览器的下载和安装、借助RamDisk让你的FireFox飞起来

    想说的是,为什么我要写此博文,算是纪念我对FireFox浏览器的一个入门.最近,开始接触了它,看到了很多IT牛人极力推荐使用 “ FireFox浏览器 ”作为开发. 深得大牛指导! 下载 安装 这是, ...

  7. apache安装php7过程中遇到到段错误

    1.假如apache的配置文件httpd.conf同时加载libphp5.so和libphp7.so 2.如图所示,modules下同时存在libphp5.so/libphp7.so 3.启动apac ...

  8. IOS GCD 使用（三）单例模式

    一  Dispatch_once函数简介      使用dispatch_once提价的代码块,即便你提交多次,只能执行一次.    void dispatch_once(dispatch_once_ ...

  9. linux命令行模式下实现代理上网

    有些公司的局域网环境,例如我们公司的只允许使用代理上网,图形界面的很好解决就设置一下浏览器的代理就好了,但是linux纯命令行的界面就....下面简单几步就可以实现了! 一.命令行界面的一般代理设置方 ...

  10. linux Kernell crash dump------kdump 的安装设置+Linux系统崩溃的修复解决过程+mysql+kvm

    http://www.ibm.com/developerworks/cn/linux/l-cn-dumpanalyse/https://www.kernel.org/pub/linux/utils/k ...