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定义类或函数的几种方式小结
Jan 09 Javascript
打豆豆小游戏 用javascript编写的[打豆豆]小游戏
Jan 08 Javascript
浅谈Javascript 执行顺序
Dec 18 Javascript
JSF中confirm弹出框的用法示例介绍
Jan 07 Javascript
JavaScript使用HTML5的window.postMessage实现跨域通信例子
Apr 11 Javascript
javascript制作的网页侧边弹出框思路及实现代码
May 21 Javascript
javascript几个易错点记录
Nov 26 Javascript
js实现的Easy Tabs选项卡用法实例
Sep 06 Javascript
Node.js中JavaScript操作MySQL的常用方法整理
Mar 01 Javascript
浅谈javascript中new操作符的原理
Jun 07 Javascript
JSON字符串和对象相互转换实例分析
Jun 16 Javascript
javascript DOM的详解及实例代码
Mar 06 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
德生PL990的分析评价
2021/03/02 无线电
php防止伪造数据从地址栏URL提交的方法
2014/08/24 PHP
php实现把url转换迅雷thunder资源下载地址的方法
2014/11/07 PHP
Zend Framework教程之Zend_Layout布局助手详解
2016/03/04 PHP
PHP实现求连续子数组最大和问题2种解决方法
2017/12/26 PHP
Javascript 入门基础学习
2010/03/10 Javascript
Js Jquery创建一个弹出层可加载一个页面
2014/05/08 Javascript
JS+CSS实现弹出全屏灰黑色透明遮罩效果的方法
2014/12/20 Javascript
JS实现网页游戏中滑块响应鼠标点击移动效果
2015/10/19 Javascript
JavaScript实现阿拉伯数字和中文数字互相转换
2016/06/12 Javascript
AngularJS ng-blur 指令详解及简单实例
2016/07/30 Javascript
详解nodejs中的process进程
2017/03/19 NodeJs
基于rem的移动端响应式适配方案(详解)
2017/07/07 Javascript
React中获取数据的3种方法及优缺点
2020/02/18 Javascript
Python版微信红包分配算法
2015/05/04 Python
Python运维自动化之nginx配置文件对比操作示例
2018/08/29 Python
Python3按一定数据位数格式处理bin文件的方法
2019/01/24 Python
Python numpy中矩阵的基本用法汇总
2019/02/12 Python
简单了解python反射机制的一些知识
2019/07/13 Python
wxPython:python首选的GUI库实例分享
2019/10/05 Python
pytorch 实现删除tensor中的指定行列
2020/01/13 Python
Python ConfigParser模块的使用示例
2020/10/12 Python
Django Admin后台模型列表页面如何添加自定义操作按钮
2020/11/11 Python
Python 删除List元素的三种方法remove、pop、del
2020/11/16 Python
删除pycharm鼠标右键快捷键打开项目的操作
2021/01/16 Python
英国最大的天然和有机产品在线零售商之一:Big Green Smile
2020/05/06 全球购物
介绍一下gcc特性
2015/10/31 面试题
vue路由实现登录拦截
2021/03/24 Vue.js
元旦晚会策划方案
2014/02/18 职场文书
酒店优秀员工事迹材料
2014/06/02 职场文书
2014年乡镇民政工作总结
2014/12/02 职场文书
行政处罚告知书
2015/07/01 职场文书
教师节领导致辞
2015/07/29 职场文书
中学生国庆节演讲稿2015
2015/07/30 职场文书
mysql下的max_allowed_packet参数设置详解
2022/02/12 MySQL
ubuntu端向日葵键盘输入卡顿问题及解决
2022/12/24 Servers