【问题标题】:Input text clear when I try to submit for a search当我尝试提交搜索时输入文本清除
【发布时间】:2011-05-08 03:57:01
【问题描述】:

您好,我有以下问题。我的网站http://www.telefonkoll.se 当我在搜索中输入一个数字并按下按钮时,文本会自动清除,结果页面会返回所有结果。如果我不使用 jquery 代码,它可以正常工作。

我的 jQuery 代码是这样的:

$("document").ready(function() { 
$("#mod_search_searchword").attr("value","Sök telefonnummer här");
});
$("#mod_search_searchword").live('focus', function (event) { 
$("#mod_search_searchword").focus(function() {
    $(this).val("");
  });
});
$("#mod_search_searchword").live('blur', function (event) {
$("#mod_search_searchword").blur(function() {
     if ($(this).val() == ""){ 
    $(this).val("Sök telefonnummer här"); }
  });
});

我想用上面的代码做的是当用户点击那里时清除当前文本。如果它写的东西还在那里,如果不返回初始文本。它看起来可以正常工作,但是当我尝试提交数据时,显然会发生错误。不知道是密码还是我不知道的东西。

【问题讨论】:

  • 您的代码看起来还不错。我在网页上尝试过,它在那里工作。 jQuery 代码是否安装在您提供的 URL 上?
  • 代码工作,但由于某种原因我没有提交数据,如果你检查它似乎在你按下提交时清除它。如果没有 jquery,它就不会这样做。文本出现在那里,直到显示结果
  • 你知道你的$("document").ready(/*...*/) 中的"document" 不需要被引用(` " `)?我不知道这是否会有所作为,只是想我会提到它。
  • @David Thomas 感谢您提供的信息。不,这不是问题所在。我发现一些额外的内联“onfocus”、“onblur”、“onclick”造成了问题。我用 jquery 删除它们,没关系
  • 没问题,我真的不认为这是解决方案(这就是我将其作为评论发布的原因),但只是一个我认为将来可能有用的 sn-p。我很高兴您找到了解决方案。 =)

标签: javascript jquery search input


【解决方案1】:

避免使用reinventing the wheel。使用可用的many jQuery watermark 插件之一。

【讨论】:

  • 我无法在任何元素中应用额外的类或 ID,因为这些插件中的大多数都需要
  • @Sotiris,如果你可以在这些元素上调用 attr(),我看不出是什么阻止你在它们上调用 addClass() :)
猜你喜欢
  • 1970-01-01
  • 1970-01-01
  • 2013-10-16
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 2015-01-04
  • 1970-01-01
相关资源
最近更新 更多