首页
学习
活动
专区
工具
TVP
发布
社区首页 >问答首页 >当字段为空时,val()返回占位符值,而不是IE8,9中的实际值

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

Stack Overflow用户
提问于 2012-06-26 21:30:35
回答 3查看 17.6K关注 0票数 18

如下所示的Placeholder属性在firefox中运行良好,但是如果在字段为empty时调用val(),它将返回占位符值而不是文本中的实际值。

JSFiddle - http://jsfiddle.net/Jrfwr/2/

代码语言:javascript
复制
<input id="tlt" type="text" placeholder="Enter Title" />

JSCode

代码语言:javascript
复制
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('');
               }
           })
       });
   }
}
EN

回答 3

Stack Overflow用户

回答已采纳

发布于 2012-06-26 21:47:43

您可以重写val()方法,但我不喜欢这样做:D

我写了一个简单的pVal()函数来完成这项工作

代码语言:javascript
复制
$.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/

票数 15
EN

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

希望这能有所帮助。

票数 3
EN

Stack Overflow用户

发布于 2012-06-26 21:47:50

票数 0
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/11208417

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档