jquery - studio - Cómo eliminar el valor predeterminado de entrada en el enfoque

visual studio installer

Question

Tengo un cuadro de entrada que tiene un valor de texto predeterminado asignado. ¿Cómo puedo eliminar este texto cuando el usuario se centra en el campo ::

Código

<input type="text" name="kp1_description" value="Enter Keypress Description">

Answer 1

No lo hagas de esta manera. Utilice un script de marca de agua jQuery: http://code.google.com/p/jquery-watermark/

$("input[name=''kp1_description'']").watermark("Enter Keypress Description") ;

Hay muchas cosas con las que tiene que contar si lo hace manualmente. Por ejemplo, ¿qué sucede cuando el cuadro de texto pierde el foco? Si no hay ningún valor, querrá leer su texto de ayuda. Si lo hay, querrás honrar esos cambios.

Simplemente es más fácil dejar que otras personas hagan el trabajo pesado :)

Answer 2

$(document).ready(function(){
    var Input = $(''input[name=kp1_description]'');
    var default_value = Input.val();

    Input.focus(function() {
        if(Input.val() == default_value) Input.val("");
    }).blur(function(){
        if(Input.val().length == 0) Input.val(default_value);
    });
})​

Deberias hacer eso.

Actualizado, se olvidó de que el foco no tiene un segundo parámetro para el evento de enfoque porque no hay ninguno, tiene que estar encadenado con desenfoque:

http://jsfiddle.net/hDCsZ/

también debe pensar en crear su propia función para esto, como por ejemplo:

$.fn.ToggleInputValue = function(){
    return $(this).each(function(){
        var Input = $(this);
        var default_value = Input.val();

        Input.focus(function() {
           if(Input.val() == default_value) Input.val("");
        }).blur(function(){
            if(Input.val().length == 0) Input.val(default_value);
        });
    });
}

Entonces use como tal

$(document).ready(function(){
    $(''input'').ToggleInputValue();
})​

Answer 3

Con HTML5 puedes hacerlo sin Javascript: solo usa el placeholder de placeholder lugar del value . Creo que es una buena adición, pero, por supuesto, primero debes verificar la compatibilidad del navegador.

Answer 4

HTML:

<form method="post">
  <input type="text" id="customer" value="Username"/>      
  <input type="Submit" value="Login" class="rc" />
</form>

Código Javascript:

<script>
$(''#customer'').on({
    focus:function(){                   
      if(this.value == ''Username'') this.value = '''';
    },
    blur:function(){
      if(this.value == '''') this.value = ''Username'';
    }
})
</script>

Eso es todo, espero que ayude.

Answer 5

var defaultForInput = "abc";

<input id="myTextInput" type="text" placeholder=defaultForInput />

Al enviar su formulario, verifique si el valor de entrada (id = "myTextInput") es el ''empty-string'', de ser así sustitúyalo por (defaultForInput).

Answer 6

$(''input, textarea'').each(function () {
    var Input = $(this);
    var default_value = Input.val();

    Input.focus(function() {
        if(Input.val() == default_value) Input.val("");
    }).blur(function(){
        if(Input.val().length == 0) Input.val(default_value);
    });
});

Answer 7

La versión corta de Super Duper

$(''#input_id'').focus(function() {
    $(this).val("");
});

Answer 8

<input type="text" id="anything" placeholder="enter keypress description">

Creo que esto ayudará

Answer 9

JavaScript simple:

(function () {
  let input = document.querySelector ("input[name=''kp1_description'']");
  input.onfocus = function () {
    this.placeholder = this.value;
    this.value = '''';
  };
})();

Esto mantiene el valor en el marcador de posición en lugar de eliminarlo por completo. Si no te gusta esto, elimina la línea del marcador de posición.