基于jQuery的输入框无值自动显示指定数据的实现代码
2011-01-24 00:00
1016 查看
【解决方案】
1. 准备工作
(1)输入框
(2)CSS代码
(3)转换方法
(4)具体实现
2. 参考文章
http://webservices.blog.gustavus.edu/2008/06/23/text-input-example-text-with-jquery/
if ($ != jQuery) {
$ = jQuery.noConflict();
}
var isLogined = false;
var cb_blogId = 77920;
var cb_entryId = 1941349;
var cb_blogApp = "xhzi";
var cb_blogUserGuid = "669048cb-f4e2-df11-ac81-842b2b196315";
var cb_entryCreatedDate = '2011/1/21 16:22:00';
1. 准备工作
(1)输入框
<input type="text" name="searchText" title="请输入搜索关键字" />
(2)CSS代码
input.helpText { color: #aaa;}
(3)转换方法
function switchText() { if ($(this).val() == $(this).attr('title')) $(this).val('').removeClass('helpText'); else if ($.trim($(this).val()) == '') $(this).addClass('helpText').val($(this).attr('title')); }
(4)具体实现
$('input[type=text][title!=""]').each(function() { if ($.trim($(this).val()) == '') $(this).val($(this).attr('title')); if ($(this).val() == $(this).attr('title')) $(this).addClass('helpText'); }).focus(switchText).blur(switchText); $('form').submit(function() { $(this).find('input[type=text][title!=""]').each(function() { if ($(this).val() == $(this).attr('title')) $(this).val(''); }); });
2. 参考文章
http://webservices.blog.gustavus.edu/2008/06/23/text-input-example-text-with-jquery/
if ($ != jQuery) {
$ = jQuery.noConflict();
}
var isLogined = false;
var cb_blogId = 77920;
var cb_entryId = 1941349;
var cb_blogApp = "xhzi";
var cb_blogUserGuid = "669048cb-f4e2-df11-ac81-842b2b196315";
var cb_entryCreatedDate = '2011/1/21 16:22:00';
相关文章推荐
- 基于jQuery的输入框无值自动显示指定数据的实现代码
- 关于jquery解析json数据时动态追加tr 指定条数换行问题 实现list的 并列显示效果
- 基于jquery的从一个页面跳转到另一个页面的指定位置的实现代码(带平滑移动的效果)
- jQuery 自动增长的文本输入框实现代码
- 基于jquery实现输入框的自动补全功能
- jQuery数据显示插件整合实现代码
- jQuery实现输入框邮箱内容自动补全与上下翻动显示效果【附demo源码下载】
- 基于jquery实现的定时显示与隐藏div广告的实现代码
- 基于jquery实现的银行卡号每隔4位自动插入空格的实现代码
- 基于jquery实现的类似百度搜索的输入框自动完成功能
- jQuery 自动增长的文本输入框实现代码
- 基于jQuery的图片大小自动适应实现代码
- 基于jQuery的试卷自动排版系统实现代码
- 基于jquery的代码显示区域自动拉长效果
- 基于jquery实现的定时显示与隐藏div广告的实现代码
- 基于jQuery实现右侧列表显示隐藏实现代码
- JQuery读取XML文件数据并显示的实现代码
- 基于jquery实现的类似百度搜索的输入框自动完成功能
- 基于jQuery实现表格数据的动态添加与统计的代码