1. Tooltip
2. Validate 表单验证
可分开独立使用
您可以不写一行代码, 只需设置验证规则即可<!--IWMS_AD_BEGIN-->
www.25175.net
<!--IWMS_AD_END-->
其实园子已经存在不少基于jQuery的验证插件, 如: http://www.cnblogs.com/wzmaodong/archive/2008/05/21/1203962.html
但感觉使用起来过于麻烦, 要实现在大堆表单的验证, javascript 代码一大堆. 所以这里的设计原则就是使用便捷, 易维护, 同时适应性大.
在验证中使用了自定义正则表达式, 这样用起来就非常方便了. 先看下最后的效果图
1. 即时表单验证和提示
2. 提交表单时验证
下面看下我们如何在 asp.net 中实现便捷的提示功能和表单验证功能
Code
<!--<br /><br />Code highlighting produced by Actipro CodeHighlighter (freeware)<br />http://www.CodeHighlighter.com/<br /><br />--><li>
<label>航班号</label>
<asp:TextBox ID="_flightno" runat="server" reg="\w{2}\d{4}" tip="设置航班号(大写)" toupper="true" />
</li>
<li>
<label>航司(2字代码)</label>
<asp:TextBox ID="_airline" runat="server" reg="\w{2}" toupper="true" /> (注意大写)
</li>
<li>
<label>起飞时间</label>
<asp:TextBox ID="_beingtime" runat="server" reg="\d{4}" tip="设置起飞时间 格式: hhmm" /> (格式: hhmm)
</li>
以上的实现是不是很方便, 不用写大堆的 javascript 逻辑代码便可轻松实现验证和提示功能
通过调用 $(document).ready(function() {jQuery('input[tip],input[reg]').tooltip({onsubmit: true})}); 便完成数据的验证和提示功能. (该调用已集成在tooltip.js中)
onsubmit: true 这里设置是否触发 onsubmit 的提交验证事件.
再看看 CSS 的实现
使用方法:
一.
Download jQuery
Download jQuery 1.2.6 (16kb, Minified and Gzipped) Great for production use.
Download jQuery 1.2.6 (97kb, Uncompressed) Great for testing, learning and development.
Download jQuery 1.2.6 (30kb, Packed) For those that can't Gzip their JavaScript.
二. 加入以上样式和引用tooltip.js文件
相关推荐
Asp.Net+Jquery实现的图片放大镜效果。如电子商城的商品详细页面的图片放大镜效果
Asp.net 用jQuery 实现Ajax的效果方法 有写好的代码 可以自己看一下
Asp.Net 用Jquery的jdownloadt和Uploadify方法实现多个文件上传及下载
ASP.NET与JQuery实现超炫图片展示 只需要把NotesForGally组件添加到制定的项目里,设定好要展示的图片文件目录即可。
ASP.NET.jQuery.Cookbook.pdf ASP.NET.jQuery.Cookbook.pdf 国外惊胆asp.net 结合jquery的书籍 高清电子版本,顺便锻炼英语水平。 本人从不吭兄弟
ASP.NET+jQuery 实现google successtion
asp.net-jquery树 asp.net-jquery树 asp.net-jquery树
asp.net 中用 Ajax实现 treeview,不用刷新
基于ASP.NET Ajax框架实现表单验证编程原理
基于asp.net和jquery技术实现无刷新上传头像和图片剪裁 非常简单
ASP.NET 中用TreeView实现树目录的实例
ASP.NET 实现的 jquery树 对树节点的增删、拖动修改节点 等功能 通过jquery 异步提交到数据库,内含sql脚本
ASP.NET用JQuery插件实现的AutoComplete实例说明(源码)
asp.net+jquery显示数据+分页
asp.net+jquery实现键盘,用键盘实现用户登录密码操作,同时也可以学习一下jquery
在asp.net中使用jquery实现无刷新的验证用户名是否存在
Asp.net+Jquery做的自动补全功能(autocomplete) ,使用前请看帮助文档,有数据库以及表结构的介绍,只需改动webConfig的连接字符~,开发工具:VS2010+Sql2005
ASP.NET+JQuery实现Ajax无刷新技术,程序比较简单,只有一个ajax.aspx是动态页面,其余全是静态页面。因此,本程序是您学习Ajax的好范例,其使用的JQuery插件,也是目前Ajax技术依托的最强大、最流行的JS类库。