当字段为空时，val()返回占位符值，而不是IE8,9中的实际值
当字段为空时，val()返回占位符值，而不是IE8,9中的实际值
提问于 2012-06-26 21:30:35
如下所示的Placeholder属性在firefox中运行良好，但是如果在字段为empty时调用val()，它将返回占位符值而不是文本中的实际值。
JSFiddle - http://jsfiddle.net/Jrfwr/2/
<input id="tlt" type="text" placeholder="Enter Title" />JSCode
function placeHolderFallBack() {
if ("placeholder" in document.createElement("input")) {
return;
}
else {
$('[placeholder]').focus(function () {
var input = $(this);
if (input.val() == input.attr('placeholder')) {
input.val('');
input.removeClass('placeholder');
}
}).blur(function () {
var input = $(this);
if (input.val() == '' || input.val() == input.attr('placeholder')) {
input.addClass('placeholder');
input.val(input.attr('placeholder'));
}
}).blur();
$('[placeholder]').parents('form').submit(function () {
$(this).find('[placeholder]').each(function () {
var input = $(this);
if (input.val() == input.attr('placeholder')) {
input.val('');
}
})
});
}
}回答 3
Stack Overflow用户
回答已采纳
发布于 2012-06-26 21:47:43
您可以重写val()方法，但我不喜欢这样做:D
我写了一个简单的pVal()函数来完成这项工作
$.fn.pVal = function(){
var $this = $(this),
val = $this.eq(0).val();
if(val == $this.attr('placeholder'))
return '';
else
return val;
}
$(function(){
alert($('input').val())
alert($('input').pVal())
});Stack Overflow用户
发布于 2012-06-26 21:55:13
在您的JSFiddle代码中，您可以在按钮单击事件中获取文本框的值……检查textbox的当前值是否等于占位符的代码在FORM SUBMIT事件中执行。
所以..。问题是按钮的CLICK事件在表单的提交事件之前执行。
This code shows an example of how to get the correct value
希望这能有所帮助。
Stack Overflow用户
发布于 2012-06-26 21:47:50
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/11208417
复制相关文章
相似问题
腾讯云开发者
