Question

我目前有一个登录表单，用户点击后会清除该字段中的文本。如果字段失去焦点且为空，我如何将字段的值替换为原始文本？像

这样的东西

$("#input_field").loseFocus(//Total pseudocode. 
    if((this).attr("value")==''){
        (this).attr("value","Original text! Woohoo!");
    }
);

我确实使用jQuery，如果有必要，我可以提供网页。

Answer 1

$("#input_field").blur(function(){
    if($(this).val() ==''){
        $(this).val(this.defaultValue);
    }
});

工作演示：http://jsfiddle.net/AlienWebguy/gVPHM/1/

Answer 2

为什么不使用the HTML5 placeholder attribute呢？这将更合适。

Answer 3

使用焦点http://api.jquery.com/focusout/

$("#input_field").focusout(

  if($(this).val().length == 0){
    $(this).attr("value","Original text! Woohoo!");
  }

)

或做空白。

$("#input_field").focusout(

  if(jQuery.trim($(this).val()).length == 0){
    $(this).attr("value","Original text! Woohoo!");
  }

)

Answer 4

类似的东西：

var originalValue = '';
$("#field").click(function(){
   originalValue = 'Original value';
});

$("#field").loseFocus(function(){
   if(valueNeedsToBeRestored()){
      $("#field").attr('value',originalValue);
});

修改： Downvoters，请解释为什么你downvoted所以我可以学习。谢谢。

如果留空，请重新填充文本框的文本

4 个答案: