JQuery全局占位符替换
JQuery global Placeholder replacement
由于我对一些浏览器不支持"占位符"-标签这一事实不满意,我想:"当JS大部分可用时,为什么不开发一个JS- workaround "
所以我建立了一个表单输入搜索,使所有占位符的行为在JS中有一个优势:onFocus将清除字段!占位符不清除onFocus字段的事实是这样做的另一个原因。这是代码,你可以随意使用和修改
$('form').each(function(){
var f = $(this);
f.find('input[type=text]').each(function(){
var s = $(this);
var attr = s.attr('placeholder');
if (attr && $.trim(attr)!='') {
$.extend(this,{oldPlaceholder: s.attr('placeholder')})
s.removeAttr('placeholder');
if ($.trim(this.value)=='') {
this.value = this.oldPlaceholder;
}
s.focus(function(){
if ($.trim(s.val())==this.oldPlaceholder) {
s.val('');
}
});
s.blur(function(){
if ($.trim(s.val())=='') {
s.val(this.oldPlaceholder);
}
});
}
});
f.submit(function(){
$(this).find('input[type=text]').each(function(){
if (this.oldPlaceholder && $.trim(this.value)==this.oldPlaceholder) {
this.value = '';
}
});
});
});
相关文章:
- 需要URL模板占位符查找和替换功能的输入
- 替换字符串中的占位符值
- 用来自JSON对象的占位符值替换字符串
- 函数来替换占位符文本
- 如何缓慢地遍历 jquery 循环,并每次替换占位符文本
- 将上传的图片永久替换为占位符图片
- 将占位符值替换为单击的 span 标记的内部 HTML
- 如何更改占位符,就像元素相互替换一样
- 以递归方式将占位符文本替换为变量的值
- 如何在从数据库异步加载时用占位符替换不存在的图像
- 单独 HTML 文件的占位符表示法,用于创建网页的一小部分并将占位符替换为数据值
- 使用javascript将html占位符文本替换为html元素
- 修改格式模式以替换字符串中的占位符
- 如何替换一个占位符单词
- 将youtube图像占位符替换为视频
- 用空值替换jsonp图像对象的占位符image
- 替换表单提交后的默认占位符
- JS/GAS: For循环加速从电子表格单元格复制,用value替换文档占位符
- 什么是最终用户可编辑的文本替换占位符的简单解决方案?
- 用占位符替换两个关键字的正则表达式,其中1可以是另一个关键字的一部分