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 相关文章推荐
拖动Html元素集合 Drag and Drop any item
Dec 22 Javascript
js综合应用实例简单的表格统计
Sep 03 Javascript
JavaScript实现更改网页背景与字体颜色的方法
Feb 02 Javascript
jQuery构造函数init参数分析续
May 13 Javascript
简介可以自动完成UI的AngularJS工具angular-smarty
Jun 23 Javascript
jquery实现顶部向右伸缩的导航区域代码
Sep 02 Javascript
JS简单生成两个数字之间随机数的方法
Aug 03 Javascript
Angular4学习笔记之实现绑定和分包
Aug 01 Javascript
JavaScript实现的前端AES加密解密功能【基于CryptoJS】
Aug 28 Javascript
jQuery实现的鼠标拖动画矩形框示例【可兼容IE8】
May 17 jQuery
nest.js 使用express需要提供多个静态目录的操作方法
Oct 24 Javascript
jQuery实现评论模块
Aug 19 jQuery
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
PHP生成静态页面详解
2006/11/19 PHP
用php获取本周,上周,本月,上月,本季度日期的代码
2009/08/05 PHP
ubuntu12.04使用c编写php扩展模块教程分享
2013/12/25 PHP
ajax+php实现无刷新验证手机号的实例
2017/12/22 PHP
php使用json-schema模块实现json校验示例
2019/09/28 PHP
PHP数组array类常见操作示例
2020/05/15 PHP
PHP const定义常量及global定义全局常量实例解析
2020/05/28 PHP
Avengerls vs KG BO3 第三场2.18
2021/03/10 DOTA
jquery validate表单验证的基本用法入门
2016/01/18 Javascript
AngularJs Dependency Injection(DI,依赖注入)
2016/09/02 Javascript
Bootstrap 实现查询的完美方法
2016/10/26 Javascript
使用smartupload组件实现jsp+jdbc上传下载文件实例解析
2017/01/05 Javascript
Bootstrap开发中Tab标签页切换图表显示问题的解决方法
2018/07/13 Javascript
vue仿淘宝滑动验证码功能(样式模仿)
2019/12/10 Javascript
vue-cli3访问public文件夹静态资源报错的解决方式
2020/09/02 Javascript
[59:48]DOTA2-DPC中国联赛 正赛 VG vs Magma BO3 第一场 1月26日
2021/03/11 DOTA
[51:53]DOTA2-DPC中国联赛 正赛 RNG vs Dragon BO3 第二场 1月24日
2021/03/11 DOTA
python定时检查启动某个exe程序适合检测exe是否挂了
2013/01/21 Python
在Python的Django框架中加载模版的方法
2015/07/16 Python
pandas中去除指定字符的实例
2018/05/18 Python
Python2.7.10以上pip更新及其他包的安装教程
2018/06/12 Python
python 实现list或string按指定分段
2019/12/25 Python
Django设置Postgresql的操作
2020/05/14 Python
如何利用python web框架做文件流下载的实现示例
2020/06/02 Python
python 实现一个简单的线性回归案例
2020/12/17 Python
HTML5 声明兼容IE的写法
2011/05/16 HTML / CSS
马克华菲官方商城:Mark Fairwhale
2016/09/04 全球购物
世界顶级户外运动品牌折扣网站:LeftLane Sports
2019/06/12 全球购物
应用艺术毕业生的自我评价
2013/12/04 职场文书
文明风采获奖感言
2014/02/18 职场文书
机械设计及其自动化专业求职信
2014/06/09 职场文书
婚前协议书范本两则
2014/10/16 职场文书
2015年仓库管理工作总结
2015/05/25 职场文书
鸡毛信观后感
2015/06/11 职场文书
pytorch MSELoss计算平均的实现方法
2021/05/12 Python
Mongo服务重启异常问题的处理方法
2021/07/01 MongoDB