[英]val() returns Placeholder value instead of the actual value in IE8,9 when the field is empty
下面显示的占位符属性在firefox中工作正常,但如果在字段为空时调用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('');
}
})
});
}
}
你可以覆盖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())
});
在您的JSFiddle代码中,您将获得BUTTON CLICK事件中文本框的值...以及用于检查文本框的当前值是否等于占位符在FORM SUBMIT事件中执行的代码。
所以......问题是BUTTON的CLICK事件在FORM的SUBMIT事件之前执行。
希望有所帮助。
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.