Comment Réinitialiser (Effacer) le formulaire via JavaScript?
J'ai essayé $("#client.frm").reset(); mais ce n'est pas le cas working.So comment réinitialiser le formulaire via jQuery?
10 réponses
form.reset() est une méthode D'élément DOM (pas une sur l'objet jQuery), donc vous avez besoin de:
$("#client.frm")[0].reset();
//faster version:
$("#client")[0].reset();
Ou sans jQuery:
document.getElementById("client").reset();
Vous pouvez simplement faire:
$("#client.frm").trigger('reset')
La solution Pure js est la suivante:
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;
}
}
}
Réinitialiser (Effacer) Forme à travers Javascript & jQuery:
Exemple Javascript:
document.getElementById("client").reset();
Exemple jQuery:
, Vous pouvez essayer d'utiliser trigger() Lien de Référence
$('#client.frm').trigger("reset");
Remarque, la fonction form.reset() ne fonctionnera pas si une balise d'entrée dans le formulaire A l'attribut name='reset'
, la méthode reset() n'efface pas les valeurs par défaut et le champ checkbox et il y a beaucoup plus de problèmes.
Afin de réinitialiser complètement vérifier le lien ci-dessous -
Http://www.javascript-coder.com/javascript-form/javascript-reset-form.htm
Essayez ceci :
$('#resetBtn').on('click', function(e){
e.preventDefault();
$("#myform")[0].reset.click();
}
Utiliser la fonction JavaScript reset():
document.forms["frm_id"].reset();
Essayez ce code. Une solution complète pour votre réponse.
<!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>
Effacer le formulaire comme suit
document.forms[0].reset();
Vous pouvez simplement effacer les éléments de formulaire au sein du groupe. en utilisant ceci forms[0].