jQuery ui插件的使用方法代码实例


Posted in Javascript onMay 08, 2013
       <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 () { 
            $('#form1').validate({ 
                rules: { 
                    txtUser: { required: true, minlength: 6 }, 
                    txtPassword: { required: true, minlength: 6 }, 
                    txtConfirm: { required: true, minlength: 6, equalTo: "#password" }, 
                    txtHomePage: { required: true, url: true }, 
                    txtBirthday: { required: true, dateISO: true }, 
                    txtXueYa: { required: true, digits: true }, 
                    txtEmail: { required: true, email: true } 
                }, 
                errorshow: function (error, element) { 
                    error.appendTo(element.siblings('span')); 
                } 
            }) 
        }) 
    </script> 
</head> 
<body> 
    <form action="" id="form1"> 
         <table> 
             <tr> 
                <td>用户名:</td> 
                <td><input name="txtUser" type="text" /><span>*</span> </td> 
              </tr> 
              <tr> 
                 <td>密码:</td> 
                  <td><input name="txtPassword" id="password" type="text" /><span>*</span> </td> 
              </tr> 
              <tr> 
                 <td>确认密码:</td> 
                  <td><input name="txtConfirm" type="text" /><span>*</span> </td> 
              </tr> 
              <tr> 
                   <td>主页:</td> 
                    <td><input name="txtHomePage" type="text" /><span>*</span> </td> 
              </tr> 
              <tr> 
                <td>生日:</td> 
                 <td><input name="txtBirthday" type="text" /><span>*</span> </td> 
              </tr> 
              <tr> 
                 <td>血压:</td> 
                  <td><input name="txtXueYa" type="text" /><span>*</span> </td> 
              </tr> 
              <tr> 
                <td>邮箱:</td> 
                <td><input name="txtEmail" type="text" /><span>*</span> </td> 
              </tr> 
         </table> 
    </form> 
</body> 
</html>  
Javascript 相关文章推荐
JavaScript实现维吉尼亚(Vigenere)密码算法实例
Nov 22 Javascript
jQuery中outerHeight()方法用法实例
Jan 19 Javascript
JavaScript插件化开发教程 (四)
Jan 27 Javascript
jQuery根据用户电脑是mac还是pc加载对应样式的方法
Jun 26 Javascript
jQuery实用技巧必备(中)
Nov 03 Javascript
js实现各种复制到剪贴板的方法(分享)
Oct 27 Javascript
AngularJS学习笔记(三)数据双向绑定的简单实例
Nov 08 Javascript
浅谈Angular 的变化检测的方法
Mar 01 Javascript
Vue动态获取width的方法
Aug 22 Javascript
Vue+Koa2+mongoose写一个像素绘板的实现方法
Sep 10 Javascript
vue3修改link标签默认icon无效问题详解
Oct 09 Javascript
vue中使用element ui的弹窗与echarts之间的问题详解
Oct 25 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
基于JavaScript实现继承机制之调用call()与apply()的方法详解
May 07 #Javascript
You might like
php数组函数序列之array_unique() - 去除数组中重复的元素值
2011/10/29 PHP
使用JSON实现数据的跨域传输的php代码
2011/12/20 PHP
jQuery1.6 正式版发布并提供下载
2011/05/05 Javascript
jQuery 的全选(全非选)即取得被选中的值使用介绍
2013/11/12 Javascript
JavaScript中getUTCSeconds()方法的使用详解
2015/06/11 Javascript
jquery地址栏链接与a标签链接匹配之特效代码总结
2015/08/24 Javascript
Jquery EasyUI实现treegrid上显示checkbox并取选定值的方法
2016/04/29 Javascript
基于CSS3和jQuery实现跟随鼠标方位的Hover特效
2016/07/25 Javascript
jQuery表单事件实例代码分享
2016/08/18 Javascript
很酷的星级评分系统原生JS实现
2016/08/25 Javascript
AngularJS实现一次监听多个值发生的变化
2016/08/31 Javascript
JS简单随机数生成方法
2016/09/05 Javascript
利用Query+bootstrap和js两种方式实现日期选择器
2017/01/10 Javascript
详解Vue组件之作用域插槽
2018/11/22 Javascript
JavaScript常用内置对象用法分析
2019/07/09 Javascript
JSONP 的原理、理解 与 实例分析
2020/05/16 Javascript
Angular利用HTTP POST下载流文件的步骤记录
2020/07/26 Javascript
[03:18]DOTA2放量测试专访820:希望玩家加入国服大家庭
2013/08/25 DOTA
python实现的各种排序算法代码
2013/03/04 Python
举例讲解Python中字典的合并值相加与异或对比
2016/06/04 Python
python类:class创建、数据方法属性及访问控制详解
2016/07/25 Python
Python3编码问题 Unicode utf-8 bytes互转方法
2018/10/26 Python
django+echart绘制曲线图的方法示例
2018/11/26 Python
python中列表的切片与修改知识点总结
2019/07/23 Python
numpy.meshgrid()理解(小结)
2019/08/01 Python
Python 中@property的用法详解
2020/01/15 Python
pycharm软件实现设置自动保存操作
2020/06/08 Python
美国儿童运动鞋和服装零售商:Kids Foot Locker
2017/08/05 全球购物
网友共享的几个面试题关于Java和Unix等方面的
2016/09/08 面试题
化学教师自荐信范文
2013/12/28 职场文书
考试不及格的检讨书
2014/01/22 职场文书
目标管理责任书
2014/04/15 职场文书
幼儿教师暑期培训方案
2014/08/27 职场文书
关于法制教育的宣传语
2015/07/13 职场文书
小学大队委竞选口号
2015/12/25 职场文书
2019学子的答谢词范本!
2019/07/05 职场文书