当字段为空时,val()在IE8,9中返回占位符值而不是实际值

内容来源于 Stack Overflow,并遵循CC BY-SA 3.0许可协议进行翻译与使用

  • 回答 (2)
  • 关注 (0)
  • 查看 (46)

下面显示的Placeholder属性在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())
});​

http://jsfiddle.net/W7JKt/3/

用户回答回答于

在您的JSFiddle代码中,您可以在BUTTON CLICK事件中获得文本框的值...以及用于检查文本框的当前值是否与占位符的当前值在FORM SUBMIT事件中执行的代码。

所以......问题在于BUTTON的CLICK事件在FORM的SUBMIT事件之前执行。

此代码显示了如何获取正确值的示例

扫码关注云+社区