Maison >programmation quotidienne >connaissance HTML >Comment effacer les données d'un formulaire dans jQuery

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

藏色散人original: 2018-12-11 16:12:4222218parcourir

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.

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>

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!

jquery

Déclaration：

Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn

Article précédent：Comment implémenter la redirection planifiée avec jQueryArticle suivant：Comment implémenter la redirection planifiée avec jQuery

Articles Liés

Voir plus