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 相关文章推荐
JavaScript中获取元素索引的函数
Sep 10 Javascript
Web开发之JavaScript
Mar 29 Javascript
利用javascript实现全部删或清空所选的操作
May 27 Javascript
谷歌Chrome浏览器扩展程序开发小记
Jan 06 Javascript
gulp-uglify 与gulp.watch()配合使用时报错(重复压缩问题)
Aug 24 Javascript
js cookie实现记住密码功能
Jan 17 Javascript
微信JS SDK接入的几点注意事项(必看篇)
Jun 23 Javascript
jQuery访问浏览器本地存储cookie、localStorage和sessionStorage的基本用法
Oct 20 jQuery
基于vue2.0动态组件及render详解
Mar 17 Javascript
vue表单中遍历表单操作按钮的显示隐藏示例
Oct 30 Javascript
js实现ajax的用户简单登入功能
Jun 18 Javascript
Vue项目中如何封装axios(统一管理http请求)
May 02 Vue.js
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通过session id 实现session共享和登录验证的代码
2012/06/03 PHP
如何获知PHP程序占用多少内存(memory_get_usage)
2012/09/23 PHP
关于svn冲突的解决方法
2013/06/21 PHP
php实现微信公众号主动推送消息
2015/12/31 PHP
PHP AjaxForm提交图片上传并显示图片源码
2016/11/29 PHP
PHP编辑器PhpStrom运行缓慢问题
2017/02/21 PHP
php实现等比例压缩图片
2018/07/26 PHP
Laravel5.5 手动分页和自定义分页样式的简单实现
2019/10/15 PHP
Firefox window.close()的使用注意事项
2009/04/11 Javascript
一个简单的javascript类定义例子
2009/09/12 Javascript
JavaScript高级程序设计 阅读笔记(二十一) JavaScript中的XML
2012/09/14 Javascript
定时器(setTimeout/setInterval)调用带参函数失效解决方法
2013/03/26 Javascript
jquery表格内容筛选实现思路及代码
2013/04/16 Javascript
js获取iframe中的window对象的实现方法
2016/05/20 Javascript
JavaScript利用正则表达式替换字符串中的内容
2016/12/12 Javascript
详解Angular中的自定义服务Service、Provider以及Factory
2017/04/22 Javascript
详谈AngularJs 控制器、数据绑定、作用域
2017/07/09 Javascript
深入浅析js原型链和vue构造函数
2018/10/25 Javascript
Vue.js中的extend绑定节点并显示的方法
2019/06/20 Javascript
Python通过poll实现异步IO的方法
2015/06/04 Python
Python守护进程和脚本单例运行详解
2017/01/06 Python
Python实现定时执行任务的三种方式简单示例
2019/03/30 Python
python中hasattr()、getattr()、setattr()函数的使用
2019/08/16 Python
深入了解Python装饰器的高级用法
2020/08/13 Python
新西兰杂志订阅:isubscribe
2019/08/26 全球购物
L’Artisan Parfumeur官网:法国香水品牌
2020/08/11 全球购物
Java的接口和C++的虚类的相同和不同处
2014/03/27 面试题
Java提供了哪些企业应用编程接口
2015/02/13 面试题
DIY蛋糕店的创业计划书范文
2013/12/26 职场文书
工厂会计员职责
2014/02/06 职场文书
松材线虫病防治方案
2014/06/15 职场文书
化妆品促销活动总结
2015/05/07 职场文书
优秀共产党员主要事迹材料
2015/11/05 职场文书
导游词之白茶谷九龙峡
2019/10/23 职场文书
Java 实现限流器处理Rest接口请求详解流程
2021/11/02 Java/Android
Python采集股票数据并制作可视化柱状图
2022/04/04 Python