jquery come svuotare il campo di immissione

127

Sono in un'app mobile e utilizzo un campo di input per l'invio di un numero da parte dell'utente.jquery come svuotare il campo di immissione

Quando torno indietro e ritorna alla pagina, quel campo di immissione presenta l'ultimo numero inserito visualizzato nel campo di immissione.

C'è un modo per cancellare il campo ogni volta che si carica la pagina?

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

fonte

2012-02-10 kosbou

Si sta utilizzando jQuery Mobile? – Jasper

282

È possibile cancellare il campo di immissione utilizzando $('#shares').val('');

fonte

2012-02-10 23:36:30 shaunsantacruz

thx per la tua risposta rapida funziona – kosbou

Questo funziona ed è conforme alle specifiche se abbiamo un input numerico come " '? Immagino detto diversamente, sei autorizzato a impostare un input numerico per essere vuoto? –

Che ne dici di' .val ([]) '? – Fr0zenFyr

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

fonte

2012-02-10 23:36:26 osahyoun

se si preme il pulsante "indietro" di solito tende ad attaccarsi, cosa si può fare è quando il modulo viene inviato chiara l'elemento poi prima che vada alla pagina successiva ma dopo aver fatto con l'elemento ciò che è necessario.

$('#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>"); 
      });

fonte

2012-02-10 23:37:15 chris

Impostazione val('') svuotare il campo di immissione. Così si può usare questa:

Cancellare il campo di immissione al caricamento della pagina:

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

fonte

2012-02-10 23:37:21

Dal momento che si sta utilizzando jQuery, come sull'utilizzo di un trigger- reset: forma

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

fonte

2016-10-12 02:55:52 Sablefoste

Pur presentando utilizzare il metodo di ripristino sul modulo. Il metodo reset() reimposta i valori di tutti gli elementi in un modulo.

$('#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>

fonte

2017-03-06 19:35:01 radhika

aggiungere alcuni descri per favore alla tua soluzione. – hB0

jquery come svuotare il campo di immissione

risposta

Problemi correlati