Como repor (limpar) o formulário através do JavaScript?
10 answers
form.reset()
is a DOM element method( not one on the jQuery object), so you need:
$("#client.frm")[0].reset();
//faster version:
$("#client")[0].reset();
Ou sem jQuery:
document.getElementById("client").reset();
Podes simplesmente fazer:
$("#client.frm").trigger('reset')
A solução JS pura é a seguinte:
function clearForm(myFormElement) {
var elements = myFormElement.elements;
myFormElement.reset();
for(i=0; i<elements.length; i++) {
field_type = elements[i].type.toLowerCase();
switch(field_type) {
case "text":
case "password":
case "textarea":
case "hidden":
elements[i].value = "";
break;
case "radio":
case "checkbox":
if (elements[i].checked) {
elements[i].checked = false;
}
break;
case "select-one":
case "select-multi":
elements[i].selectedIndex = -1;
break;
default:
break;
}
}
}
Reset (Clear) Form tricaged Javascript
& jQuery
:
Exemplo Javascript:
document.getElementById("client").reset();
Exemplo jQuery:
Pode tentar usar trigger()
ligação de referência
$('#client.frm').trigger("reset");
Nota, A função form.reset()
não irá funcionar se alguma marca de entrada no formulário tiver atributo name='reset'
,o método reset () não limpa os valores por omissão e o campo checkbox e existem muitos mais problemas.
Para reiniciar completamente, verifique a ligação abaixo -
Http://www.javascript-coder.com/javascript-form/javascript-reset-form.htm
Tenta isto:
$('#resetBtn').on('click', function(e){
e.preventDefault();
$("#myform")[0].reset.click();
}
Usar a função JavaScriptreset()
:
document.forms["frm_id"].reset();
<!DOCTYPE html>
<html>
<head>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
<script>
$(document).ready(function(){
$(":reset").css("background-color", "red");
});
</script>
</head>
<body>
<form action="">
Name: <input type="text" name="user"><br>
Password: <input type="password" name="password"><br>
<button type="button">Useless Button</button>
<input type="button" value="Another useless button"><br>
<input type="reset" value="Reset">
<input type="submit" value="Submit"><br>
</form>
</body>
</html>
Limpar a forma como se segue
document.forms[0].reset();
Você pode simplesmente limpar os elementos de forma dentro do grupo. usando este forms[0]
.