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 相关文章推荐
Div Select挡住的解决办法
Aug 07 Javascript
IE8 兼容性问题(属性名区分大小写)
Jun 04 Javascript
JQuery困惑—包装集 DOM节点
Oct 16 Javascript
javascript实现的使用方向键控制光标在table单元格中切换
Nov 17 Javascript
jquery ajax实现下拉框三级无刷新联动,且保存保持选中值状态
Oct 29 Javascript
详解Backbone.js框架中的模型Model与其集合collection
May 05 Javascript
ThinkJS中如何使用MongoDB的CURD操作
Dec 13 Javascript
浅谈关于angularJs中使用$.ajax的注意点
Aug 12 Javascript
浅谈在node.js进入文件目录的问题
May 13 Javascript
详解使用mpvue开发github小程序总结
Jul 25 Javascript
d3绘制基本的柱形图的实现代码
Dec 12 Javascript
详解关闭令人抓狂的ESlint 语法检测配置方法
Oct 28 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-fpm 参数的深入理解
2013/06/03 PHP
采用ThinkPHP中F方法实现快速缓存实例
2014/06/13 PHP
php使用递归函数实现数字累加的方法
2015/03/16 PHP
php实现的日历程序
2015/06/18 PHP
PHP序列化操作方法分析
2016/09/28 PHP
PHP常用的三种设计模式
2017/02/17 PHP
收集的网上用的ajax之chat.js文件
2007/04/08 Javascript
javascript onmouseout 解决办法
2010/07/17 Javascript
jquery实现文本框鼠标右击无效以及不能输入的代码
2010/11/05 Javascript
js的写法基础分析
2011/01/17 Javascript
使用隐藏的new来创建对象
2011/03/29 Javascript
nodejs实现的一个简单聊天室功能分享
2014/12/06 NodeJs
详细分析JavaScript变量类型
2015/07/08 Javascript
IE8下jQuery改变png图片透明度时出现的黑边
2015/08/30 Javascript
阿里巴巴技术文章分享 Javascript继承机制的实现
2016/01/14 Javascript
详解JavaScript中的构造器Constructor模式
2016/01/14 Javascript
Angular2使用Angular-CLI快速搭建工程(二)
2017/05/21 Javascript
vue 系列——vue2-webpack2框架搭建踩坑之路
2017/12/22 Javascript
swiper 解决动态加载数据滑动失效的问题
2018/02/26 Javascript
微信小程序实现文字无限轮播效果
2018/12/28 Javascript
详解新手使用vue-router传参时注意事项
2019/06/06 Javascript
js实现窗口全屏示例详解
2019/09/17 Javascript
springboot+vue实现文件上传下载
2020/11/17 Vue.js
微信小程序轮播图swiper代码详解
2020/12/01 Javascript
[54:28]EG vs OG 2019国际邀请赛小组赛 BO2 第一场 8.16
2019/08/18 DOTA
Python中的复制操作及copy模块中的浅拷贝与深拷贝方法
2016/07/02 Python
Python列表推导式、字典推导式与集合推导式用法实例分析
2018/02/07 Python
python自动化报告的输出用例详解
2018/05/30 Python
如何在Windows中安装多个python解释器
2020/06/16 Python
CSS3 清除浮动的方法示例
2018/06/01 HTML / CSS
Linux如何命名文件--使用文件名时应注意
2012/01/22 面试题
客户经理竞聘演讲稿
2014/05/15 职场文书
岗位说明书怎么写
2014/07/30 职场文书
贷款承诺书
2015/01/20 职场文书
人生遥控器观后感
2015/06/11 职场文书
七一活动主持词
2015/06/29 职场文书