jquery - type - val() javascript
jquery cómo vaciar el campo de entrada (6)
Estoy en una aplicación móvil y utilizo un campo de entrada para que el usuario envíe un número.
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 se 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>");
});
Al enviar el formulario, use el método de restablecimiento en el formulario. 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>
Al establecer val('''') se vaciará el campo de entrada. Entonces usarías esto:
Borre el campo de entrada cuando se carga la página:
$(function(){
$(''#shares'').val('''');
});
Dado que está utilizando jQuery, ¿qué le parece usar un reset gatillo?
$(document).ready(function(){
$(''#shares'').trigger('':reset'');
});
Puede borrar el campo de entrada usando $(''#shares'').val('''');
Si presiona el botón "Atrás", por lo general, tiende a pegarse, lo que puede hacer es cuando el formulario se envíe, borre el elemento antes de pasar a la página siguiente, pero después de hacer con el elemento, lo que necesita.
$(''#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>");
});
$(document).ready(function(){
$(''#shares'').val('''');
});