jquery cómo vaciar el campo de entrada

127

Estoy en una aplicación móvil y utilizo un campo de entrada para que el usuario envíe un número.jquery cómo vaciar el campo de entrada

Cuando regreso y regreso a la página, ese campo de entrada presenta la última entrada numérica mostrada en el campo de entrada.

¿Hay alguna manera de borrar el campo cada vez que carga la página?

$('#shares').keyup(function(){ 
    payment = 0; 
    calcTotal(); 
    gtotal = ($('#shares').val() * 1) + payment; 
    gtotal = gtotal.toFixed(2); 
    $("p.total").html("Total Payment: <strong>" + gtotal + "</strong>"); 
});

Fuente

2012-02-10 kosbou

¿Está utilizando jQuery Mobile? – Jasper

282

puede borrar el campo de entrada mediante el uso de $('#shares').val('');

Fuente

2012-02-10 23:36:30 shaunsantacruz

thx para su respuesta rápida funciona – kosbou

Funciona y cumple sus especificaciones si tenemos una entrada numérica como ' '? Supongo que dicho de otra manera, ¿se te permite establecer una entrada numérica para estar en blanco? –

¿Qué tal' .val ([])?? – Fr0zenFyr

$(document).ready(function(){ 
    $('#shares').val(''); 
});

Fuente

2012-02-10 23:36:26 osahyoun

si se pulsa el botón "atrás" por lo general tiende a pegarse, lo que puede hacer es cuando se envía el formulario clara el elemento luego, antes de ir a la página siguiente, pero luego de hacer con el elemento, lo que necesita hacer.

$('#shares').keyup(function(){ 
       payment = 0; 
       calcTotal(); 
       gtotal = ($('#shares').val() * 1) + payment; 
       gtotal = gtotal.toFixed(2); 
       $('#shares').val(''); 
       $("p.total").html("Total Payment: <strong>" + gtotal + "</strong>"); 
      });

Fuente

2012-02-10 23:37:15 chris

Configuración val('') va a vaciar el campo de entrada. Así que usaría esto:

Borrar el campo de entrada cuando se carga la página:

$(function(){ 
    $('#shares').val(''); 
});

Fuente

2012-02-10 23:37:21

dado que está utilizando jQuery, ¿qué tal el uso de un Trigger reset: forma

$(document).ready(function(){ 
    $('#shares').trigger(':reset'); 
});

Fuente

2016-10-12 02:55:52 Sablefoste

Si bien la presentación use el método de reinicio en la forma. El método reset() restablece los valores de todos los elementos en un formulario.

$('#form-id')[0].reset(); 

OR 

document.getElementById("form-id").reset();

https://developer.mozilla.org/en-US/docs/Web/API/HTMLFormElement/reset

$("#submit-button").on("click", function(){ 
 
     //code here 
 
     $('#form-id')[0].reset(); 
 
});

<html> 
 
<head> 
 
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.1/jquery.min.js"></script> 
 
</head> 
 
<body> 
 
<form id="form-id"> 
 
    First name:<br> 
 
    <input type="text" name="firstname"> 
 
    <br> 
 
    Last name:<br> 
 
    <input type="text" name="lastname"> 
 
    <br><br> 
 
    <input id="submit-button" type="submit" value="Submit"> 
 
</form> 
 
</body> 
 
</html>

Fuente

2017-03-06 19:35:01 radhika

Añadir algunos descripción solución a su solución por favor. – hB0

jquery cómo vaciar el campo de entrada

Respuesta

Cuestiones relacionadas