jquery插件validate验证的小例子


Posted in Javascript onMay 08, 2013
<!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="Jquery1.7.js" type="text/javascript"></script>
    <script src="jquery.validate.js" type="text/javascript"></script>
    <script src="messages_cn.js" type="text/javascript"></script>
    <script type="text/javascript">
//        $(function () {
//            $('#a').validate({
//                rules: {
//                    username: { required: true, minlength: 6, maxlength: 12 },
//                    email: { required: true, email: true }
//                },
//                errorshow: function (error, element) {
//                    error.appendTo(element.siblings('span'));
//                }
//            })

        //        })
        $(function () {
            $('#a').validate({
                rules: {
                    username: { required: true, minlength: 6, maxlength: 12 },
                    email: { required: true, email: true },
                    pwd: { required: true, rangelength:[6,6] },
                    again: { required: true, equalTo: ($('#aa')) }, //这里一定是id 
                    birthday:{date:true},
                    blood:{digits:true}
                },
                errorshow: function (error, element) {
                    error.appendTo(element.siblings('span'));
                }
            })
        })
    </script>
</head>
<body>
<form  id="a">
<div>
用户名:<input type="text" name="username" /><span style="width:100px"></span>
<br />
邮箱:<input type="text" name="email" /><span style="width:100px"></span>
<br />
密码:<input type="text" name="pwd" /><span style="width:100px" id="aa"></span>
<br />
确认密码:<input type="text" name="again"  /><span style="width:100px"></span>
<br />
生日:<input type="text" name="birthday" /><span style="width:100px"></span>
<br />
血压:<input type="text" name="blood" /><span style="width:100px"></span>
</div>
</form>
</body>
</html>
Javascript 相关文章推荐
jQuery EasyUI 的EasyLoader功能介绍
Sep 12 Javascript
js中opener与parent的区别详细解析
Jan 14 Javascript
JS仿Windows开机启动Loading进度条的方法
Feb 26 Javascript
Js实现自定义右键行为
Mar 26 Javascript
JavaScript实现拖拽网页内元素的方法
Apr 15 Javascript
jQuery实现带有洗牌效果的动画分页实例
Aug 31 Javascript
JS实现可点击展开与关闭的左侧广告代码
Sep 02 Javascript
JavaScript驾驭网页-CSS与DOM
Mar 24 Javascript
JS获取子窗口中返回的数据实现方法
May 28 Javascript
JavaScript设计模式之策略模式详解
Jun 09 Javascript
详解使用vue实现tab 切换操作
Jul 03 Javascript
详解vue 数据传递的方法
Apr 19 Javascript
jQuery ui插件的使用方法代码实例
May 08 #Javascript
js模拟select下拉菜单控件的代码
May 08 #Javascript
js工具方法弹出蒙版
May 08 #Javascript
基于JavaScript 声明全局变量的三种方式详解
May 07 #Javascript
你必须知道的JavaScript 变量命名规则详解
May 07 #Javascript
你必须知道的JavaScript 中字符串连接的性能的一些问题
May 07 #Javascript
基于JavaScript实现继承机制之构造函数方法对象冒充的使用详解
May 07 #Javascript
You might like
超人钢铁侠联手合作?美漫作家呼吁DC漫威合作联动以抵抗疫情
2020/04/09 欧美动漫
改写ThinkPHP的U方法使其路由下分页正常
2014/07/02 PHP
php身份证号码检查类实例
2015/06/18 PHP
浅析Yii2 GridView实现下拉搜索教程
2016/04/22 PHP
PHP微信开发之查询城市天气
2016/06/23 PHP
PHP使用redis消息队列发布微博的方法示例
2017/06/22 PHP
PHP number_format函数原理及实例解析
2020/07/14 PHP
PHP实现页面静态化深入讲解
2021/03/04 PHP
JQuery 绑定事件时传递参数的实现方法
2009/10/13 Javascript
javascript 打印内容方法小结
2009/11/04 Javascript
jQuery 前的按键判断代码
2010/03/19 Javascript
用js模拟JQuery的show与hide动画函数代码
2010/09/20 Javascript
JavaScript 模块化编程(笔记)
2015/04/08 Javascript
对存在JavaScript隐式类型转换的四种情况的总结(必看篇)
2017/08/31 Javascript
JS基于正则表达式实现的密码强度验证功能示例
2017/09/21 Javascript
vue项目总结之文件夹结构配置详解
2017/12/13 Javascript
Vue 中使用 CSS Modules优雅方法
2018/04/09 Javascript
jQuery实现左右两个列表框的内容相互移动功能示例
2019/01/27 jQuery
javascript面向对象三大特征之继承实例详解
2019/07/24 Javascript
分享Angular http interceptors 拦截器使用(推荐)
2019/11/10 Javascript
Python随机生成一个6位的验证码代码分享
2015/03/24 Python
python 实现在txt指定行追加文本的方法
2018/04/29 Python
详解pandas的外部数据导入与常用方法
2019/05/01 Python
python绘制BA无标度网络示例代码
2019/11/21 Python
django的模型类管理器——数据库操作的封装详解
2020/04/01 Python
使用keras实现非线性回归(两种加激活函数的方式)
2020/07/05 Python
Spartoo西班牙官网:法国时尚购物网站
2018/03/27 全球购物
英国亚马逊官方网站:Amazon.co.uk
2019/08/09 全球购物
给民警的表扬信
2014/01/08 职场文书
加强作风建设心得体会
2014/10/22 职场文书
麦田里的守望者读书笔记
2015/06/30 职场文书
护士旷工检讨书
2015/08/15 职场文书
pandas中对文本类型数据的处理小结
2021/11/01 Python
一文了解JavaScript用Element Traversal新属性遍历子元素
2021/11/27 Javascript
详解Python flask的前后端交互
2022/03/31 Python