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 prototype,executing,context,closure
Dec 24 Javascript
javascript中强制执行toString()具体实现
Apr 27 Javascript
JavaScript String.replace函数参数实例说明
Jun 06 Javascript
js中对象的声明方式以及数组的一些用法示例
Dec 11 Javascript
拥有一个属于自己的javascript表单验证插件
Mar 24 Javascript
关于两个jQuery(js)特效冲突的bug的解决办法
Sep 04 Javascript
Spring Boot+AngularJS+BootStrap实现进度条示例代码
Mar 02 Javascript
js实现登录与注册界面
Nov 01 Javascript
对Angular中单向数据流的深入理解
Mar 31 Javascript
Element中的Cascader(级联列表)动态加载省\市\区数据的方法
Mar 27 Javascript
微信小程序与公众号卡券/会员打通的问题
Jul 25 Javascript
vue elementUI表格控制对应列
Apr 13 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
echo, print, printf 和 sprintf 区别
2006/12/06 PHP
php expects parameter 1 to be resource, array given 错误
2011/03/23 PHP
简单了解PHP编程中数组的指针的使用
2015/11/30 PHP
CentOS 7.2 下编译安装PHP7.0.10+MySQL5.7.14+Nginx1.10.1的方法详解(mini版本)
2016/09/01 PHP
javascript innerHTML使用分析
2010/12/03 Javascript
jquery 选择器引擎sizzle浅析
2013/02/06 Javascript
JavaScript?Apple设备检测示例代码
2013/11/15 Javascript
同一个网页中实现多个JavaScript特效的方法
2015/02/02 Javascript
AspNet中使用JQuery上传插件Uploadify详解
2015/05/20 Javascript
jQuery实现右侧显示可向左滑动展示的深色QQ客服效果代码
2015/10/23 Javascript
限制复选框最多选择项的实现代码
2016/05/30 Javascript
jQuery实现的超链接提示效果示例【附demo源码下载】
2016/09/09 Javascript
easyUI实现(alert)提示框自动关闭的实例代码
2016/11/07 Javascript
javascript入门之string对象【新手必看】
2016/11/22 Javascript
domReady的实现案例
2016/11/23 Javascript
JavaScript实现多栏目切换效果
2016/12/12 Javascript
微信小程序中顶部导航栏的实现代码
2017/03/30 Javascript
微信JSAPI Ticket接口签名详解
2020/06/28 Javascript
Vue+jquery实现表格指定列的文字收缩的示例代码
2018/01/09 jQuery
vue基于mint-ui实现城市选择三级联动
2020/06/30 Javascript
Vue 组件修改根实例的数据的方法
2019/04/02 Javascript
详解为element-ui的Select和Cascader添加弹层底部操作按钮
2020/02/07 Javascript
python之virtualenv的简单使用方法(必看篇)
2017/11/25 Python
python实现定时自动备份文件到其他主机的实例代码
2018/02/23 Python
python实现word 2007文档转换为pdf文件
2018/03/15 Python
Python3实现的判断环形链表算法示例
2019/03/07 Python
详解Python 调用C# dll库最简方法
2019/06/20 Python
基于python实现上传文件到OSS代码实例
2020/05/09 Python
使用CSS3的appearance属性改变任何元素的浏览器默认风格
2012/12/24 HTML / CSS
纽约现代艺术博物馆商店:MoMA STORE(室内家具和杂货商品)
2016/08/02 全球购物
说一下Linux下有关用户和组管理的命令
2014/08/18 面试题
电大自我鉴定
2013/10/27 职场文书
给老师的道歉信
2014/01/11 职场文书
安全生产中长期规划实施方案
2014/02/21 职场文书
三严三实民主生活会发言稿
2014/10/13 职场文书
担保书范本
2015/01/20 职场文书