Comment effacer les données d'un formulaire dans jQuery-connaissance HTML-php.cn

Comment effacer les données d'un formulaire dans jQuery

藏色散人

Libérer： 2018-12-14 17:23:33

original

22199 Les gens l'ont consulté

jQuery efface les données du formulaire, c'est-à-dire efface les données des éléments du formulaire de zone de texte. Nous pouvons le faire en utilisant la méthode de réinitialisation du formulaire dans jQuery.

Comment effacer les données d'un formulaire dans jQuery

Ci-dessous, nous vous présenterons la méthode d'implémentation permettant d'effacer les données d'un formulaire dans jQuery à travers des exemples de code spécifiques.

L'exemple de code est le suivant :

<!DOCTYPE html>

<html lang="en">
<head>
    <meta charset="utf-8">
    <title>jQuery清空form表单数据示例</title>
</head>
<body>
<script>
 function resetForm() {
        document.getElementById("myForm").reset();
 }
</script>
<form action="" method="post" id="myForm">
    <label>用户名：</label>
    <input type="text" name="first-name">
</form>
<br>
<button type="button" onclick="resetForm();">重置</button>
</body>

</html>

Copier après la connexion

Dans le code ci-dessus, lorsque nous cliquons sur le bouton de réinitialisation, la méthode resetForm sera déclenchée. Dans cette méthode, vous pouvez obtenir les données du formulaire via document.getElementById et les réinitialiser à l'aide de la méthode reset().

L'effet final est le suivant :

Comment effacer les données d'un formulaire dans jQuery

Comme indiqué sur l'image, saisissez du texte dans la zone de texte ci-dessus, puis cliquez sur le bouton de réinitialisation. La valeur de la zone de saisie peut être effacée.

Remarque : La méthode reset() peut réinitialiser les éléments du formulaire à leurs valeurs par défaut.

Cet article concerne la méthode d'effacement des données d'un formulaire dans jQuery. Il est également très simple. J'espère qu'il sera utile aux amis qui en ont besoin !

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!