<!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. linux c遍历文件夹 和文件查找的方法

    linux c遍历文件夹的方法比较简单,使用c来实现 #include <iostream> #include <stdio.h> #include <sys/types ...

  2. The Shortest Path in Nya Graph

    Problem Description This is a very easy problem, your task is just calculate el camino mas corto en ...

  3. ACM 2015年上海区域赛A题 HDU 5572An Easy Physics Problem

    题意: 光滑平面,一个刚性小球,一个固定的刚性圆柱体 ,给定圆柱体圆心坐标,半径 ,小球起点坐标,起始运动方向(向量) ,终点坐标 ,问能否到达终点,小球运动中如果碰到圆柱体会反射. 学到了向量模板, ...

  4. UVA11324 The Largest Clique(DP+缩点)

    题意:给一张有向图G,求一个结点数最大的结点集,使得该结点中任意两个结点 u 和 v满足:要么 u 可以到达 v, 要么 v 可以到达 u(u 和 v 相互可达也可以). 分析:”同一个强连通分量中的 ...

  5. uvalive 3938 "Ray, Pass me the dishes!" 线段树 区间合并

    题意:求q次询问的静态区间连续最大和起始位置和终止位置 输出字典序最小的解. 思路:刘汝佳白书 每个节点维护三个值 pre, sub, suf 最大的前缀和, 连续和, 后缀和 然后这个题还要记录解的 ...

  6. 【原创】Hadoop机架感知对性能调优的理解

    Hadoop作为大数据处理的典型平台,在海量数据处理过程中,其主要限制因素是节点之间的数据传输速率.因为集群的带宽有限,而有限的带宽资源却承担着大量的刚性带宽需求,例如Shuffle阶段的数据传输不可 ...

  7. ABAP程序相互调用--SUBMIT

    (1) 调用其他程序: * Trigger the IDOC SUBMIT zpcppmd001_idoc AND RETURN. (2) 调用其他程序参数传递参数: *当被调用的程序的屏幕有输入参数 ...

  8. spring websocket Converters must not be empty

    此文件    WebSocketConfig.java public class WebSocketConfig implements WebSocketMessageBrokerConfigurer ...

  9. javascript Deferred和递归次数限制

    function runAsyncTTS(text,speecher,audiopath) { var def = jQuery.Deferred(); var args = {"Synth ...

  10. [置顶] Ubuntu 12.04中文输入法的安装

    Ubuntu 12.04中文输入法的安装 Ubuntu上的输入法主要有小小输入平台(支持拼音/二笔/五笔等),Fcitx,Ibus,Scim等.其中Scim和Ibus是输入法框架. 在Ubuntu的中 ...