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 相关文章推荐
容易被忽略的JS脚本特性
Sep 13 Javascript
JS获取整个页面文档的实现代码
Dec 15 Javascript
javascript计算星座属相(十二生肖属相)示例代码
Jan 09 Javascript
EasyUi datagrid 实现表格分页
Feb 10 Javascript
深入理解JavaScript中的浮点数
May 18 Javascript
基于 Bootstrap Datetimepicker 联动
Aug 03 Javascript
详解Javascript中new()到底做了些什么?
Mar 29 Javascript
JS通过位运算实现权限加解密
Aug 14 Javascript
浅谈vue后台管理系统权限控制思考与实践
Dec 19 Javascript
详解微信小程序框架wepy踩坑记录(与vue对比)
Mar 12 Javascript
Vue.js watch监视属性知识点总结
Nov 11 Javascript
Vue实现tab导航栏并支持左右滑动功能
Jun 28 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实现图片添加水印功能
2014/02/13 PHP
PHP调用wsdl文件类型的接口代码分享
2014/11/19 PHP
PHP学习笔记之php文件操作
2016/06/03 PHP
php传值方式和ajax的验证功能
2017/03/27 PHP
PHP+JS实现的实时搜索提示功能
2018/03/13 PHP
wap图片滚动特效无css3元素纯js脚本编写
2014/08/22 Javascript
jquery ui bootstrap 实现自定义风格
2014/11/14 Javascript
js实现内容显示并使用json传输数据
2016/03/16 Javascript
深入理解JS中的substr和substring
2016/04/26 Javascript
jQuery获取同级元素的简单代码
2016/07/09 Javascript
JavaScript实现换肤功能
2017/09/15 Javascript
React Native AsyncStorage本地存储工具类
2017/10/24 Javascript
实例详解带参数的 npm script
2019/05/28 Javascript
vue 兄弟组件的信息传递的方法实例详解
2019/08/30 Javascript
layui table设置某一行的字体颜色方法
2019/09/05 Javascript
微信内置开发 iOS修改键盘换行为搜索的解决方案
2019/11/06 Javascript
纯 JS 实现放大缩小拖拽功能(完整代码)
2019/11/25 Javascript
超详细小程序定位地图模块全系列开发教学
2020/11/24 Javascript
[37:35]DOTA2上海特级锦标赛A组资格赛#1 Secret VS MVP.Phx第二局
2016/02/25 DOTA
python获取本机外网ip的方法
2015/04/15 Python
python3 实现的人人影视网站自动签到
2016/06/19 Python
Python学习笔记之While循环用法分析
2019/08/14 Python
加拿大高尔夫超市:Golf Town
2018/01/12 全球购物
专注澳大利亚特产和新西兰特产的澳洲中文网:0061澳洲制造
2019/03/24 全球购物
个人求职信范文分享
2014/01/06 职场文书
感恩寄语大全
2014/04/11 职场文书
煤矿安全生产责任书
2014/04/15 职场文书
土地转让协议书范本
2014/04/15 职场文书
2014年生产部工作总结
2014/12/17 职场文书
中考百日冲刺决心书
2015/09/22 职场文书
2016年国庆节宣传标语
2015/11/25 职场文书
Python关于OS文件目录处理的实例分享
2021/05/23 Python
Python还能这么玩之用Python修改了班花的开机密码
2021/06/04 Python
python疲劳驾驶困倦低头检测功能的实现
2022/04/04 Python
MySQL添加索引特点及优化问题
2022/07/23 MySQL
MySQL实现用逗号进行拼接、以逗号进行分割
2022/12/24 MySQL