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 相关文章推荐
js自带函数备忘 数组
Dec 29 Javascript
jQuery入门知识简介
Mar 04 Javascript
jQuery EasyUI中对表格进行编辑的实现代码
Jun 10 Javascript
Javascript图像处理—虚拟边缘介绍及使用方法
Dec 27 Javascript
javascript实现页面内关键词高亮显示代码
Apr 03 Javascript
node模块机制与异步处理详解
Mar 13 Javascript
js实现获取两个日期之间所有日期的方法
Jun 17 Javascript
BootStrap实现带有增删改查功能的表格(DEMO详解)
Oct 26 Javascript
详解用webpack2.0构建vue2.0超详细精简版
Apr 05 Javascript
Vue+Flask实现简单的登录验证跳转的示例代码
Jan 13 Javascript
Vue仿今日头条实例详解
Feb 06 Javascript
js操作两个json数组合并、去重,以及删除某一项元素
Sep 22 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
香妃
2021/03/03 冲泡冲煮
一个经典的PHP验证码类分享
2014/11/18 PHP
PHP+jQuery+Ajax实现用户登录与退出
2015/04/27 PHP
PHP实现简单的新闻发布系统实例
2015/07/28 PHP
form自动提交实例讲解
2017/07/10 PHP
javascript函数中的arguments参数
2010/08/01 Javascript
js中通过父级进行查找定位元素
2014/06/15 Javascript
jQuery获取checkboxlist的value值的方法
2015/09/27 Javascript
jquery实现简单的遮罩层
2016/01/08 Javascript
深入理解JavaScript程序中内存泄漏
2016/03/17 Javascript
Three.js学习之文字形状及自定义形状
2016/08/01 Javascript
Vue.js 表单校验插件
2016/08/14 Javascript
javascript实现消灭星星小游戏简单版
2016/11/15 Javascript
JS常见DOM节点操作示例【创建 ,插入,删除,复制,查找】
2018/05/14 Javascript
js String.prototype.trim字符去前后空格的扩展
2020/08/23 Javascript
JavaScript多种图形实现代码实例
2020/06/28 Javascript
绘制微信小程序验证码功能的实例代码
2021/01/05 Javascript
Python编写的com组件发生R6034错误的原因与解决办法
2013/04/01 Python
Python爬虫实例_利用百度地图API批量获取城市所有的POI点
2018/01/10 Python
Python实现屏幕截图的两种方式
2018/02/05 Python
tensorflow 使用flags定义命令行参数的方法
2018/04/23 Python
Python3爬楼梯算法示例
2019/03/04 Python
python字符串和常用数据结构知识总结
2019/05/21 Python
Python如何实现小程序 无限求和平均
2020/02/18 Python
python实现门限回归方式
2020/02/29 Python
Python第三方库的几种安装方式(小结)
2020/04/03 Python
pandas分批读取大数据集教程
2020/06/06 Python
小学教师培训方案
2014/06/09 职场文书
教师党的群众路线学习心得体会
2014/11/04 职场文书
网络营销计划书
2015/01/17 职场文书
慰问信范文
2015/02/14 职场文书
2015年安全生产管理工作总结
2015/05/25 职场文书
导游词之山海关
2019/12/10 职场文书
python文件名批量重命名脚本实例代码
2021/04/22 Python
解决SpringCloud Feign传对象参数调用失败的问题
2021/06/23 Java/Android
基于Apache Hudi在Google云构建数据湖平台的思路详解
2022/04/07 Servers