Maison
interface Web
js tutoriel
Un exemple de JavaScript empêchant la soumission répétée de compétences Forms_Javascript
interface Web
js tutoriel
Un exemple de JavaScript empêchant la soumission répétée de compétences Forms_Javascript
Un exemple de JavaScript empêchant la soumission répétée de compétences Forms_Javascript
May 16, 2016 pm 04:33 PM
提交
表单
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>防止重复表单提交</title>
<style>
#refresh{
display: none;
width:200px;
height:20px;
background-color: #ff0;
}
</style>
<script>
var inprocess = false;
window.onload = function(){
document.forms["picker"].onsubmit = validateSubmit;
document.getElementById("refresh").onclick = startOver;
}
function validateSubmit () {
// 防止重复的表单提交
if (inprocess) return;
inprocess = true;
console.log(inprocess);
document.getElementById("submitbutton").disabled = true;
document.getElementById("refresh").style.display = "block";
document.getElementById("message").innerHTML = "<p>正在processing，稍等</p>";
return false;
}
function startOver(){
inprocess = false;
document.getElementById("submitbutton").disabled = false;
document.getElementById("message").innerHTML = "";
document.getElementById("refresh").style.display = "none";
}
</script>
</head>
<body>
<form id="picker" method="post" action="">
group1:<input type="radio" name="group1" value="one" />
group2:<input type="radio" name="group1" value="two" />
group3:<input type="radio" name="group1" value="three" /><br /><br />
Input 1: <input type="text" id="intext" />
Input 2: <input type="text" id="intext2" />
Input 3: <input type="text" id="intext3" />
<input type="submit" id="submitbutton" value="send form" />
</form>
<div id="refresh">
<p>单击我</p>
</div>
<div id="message"></div>
</body>
</html> Copier après la connexion
Déclaration de ce site Web
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 chaud
Combien de temps faut-il pour battre Split Fiction?
3 Il y a quelques semaines
By DDD
Repo: Comment relancer ses coéquipiers
3 Il y a quelques semaines
By 尊渡假赌尊渡假赌尊渡假赌
Hello Kitty Island Adventure: Comment obtenir des graines géantes
3 Il y a quelques semaines
By 尊渡假赌尊渡假赌尊渡假赌
R.E.P.O. Crystals d'énergie expliqués et ce qu'ils font (cristal jaune)
1 Il y a quelques semaines
By 尊渡假赌尊渡假赌尊渡假赌
Outils chauds Tags
Article chaud
Combien de temps faut-il pour battre Split Fiction?
3 Il y a quelques semaines
By DDD
Repo: Comment relancer ses coéquipiers
3 Il y a quelques semaines
By 尊渡假赌尊渡假赌尊渡假赌
Hello Kitty Island Adventure: Comment obtenir des graines géantes
3 Il y a quelques semaines
By 尊渡假赌尊渡假赌尊渡假赌
R.E.P.O. Crystals d'énergie expliqués et ce qu'ils font (cristal jaune)
1 Il y a quelques semaines
By 尊渡假赌尊渡假赌尊渡假赌
Tags d'article chaud
Bloc-notes++7.3.1
Éditeur de code facile à utiliser et gratuit
SublimeText3 version chinoise
Version chinoise, très simple à utiliser
Envoyer Studio 13.0.1
Puissant environnement de développement intégré PHP
Dreamweaver CS6
Outils de développement Web visuel
SublimeText3 version Mac
Logiciel d'édition de code au niveau de Dieu (SublimeText3)
Sujets chauds
Comment implémenter le saut de page après la soumission du formulaire PHP
Aug 12, 2023 am 11:30 AM
Comment implémenter le saut de page après la soumission du formulaire PHP
Comment gérer la gestion des droits des utilisateurs dans les formulaires PHP
Aug 10, 2023 pm 01:06 PM
Comment gérer la gestion des droits des utilisateurs dans les formulaires PHP
Comment utiliser JavaScript pour implémenter la vérification en temps réel du contenu de la zone de saisie d'un formulaire ?
Oct 18, 2023 am 08:47 AM
Comment utiliser JavaScript pour implémenter la vérification en temps réel du contenu de la zone de saisie d'un formulaire ?
Comment utiliser JavaScript pour réaliser la fonction d'invite automatique du contenu de la zone de saisie du formulaire ?
Oct 20, 2023 pm 04:01 PM
Comment utiliser JavaScript pour réaliser la fonction d'invite automatique du contenu de la zone de saisie du formulaire ?
Traitement des transactions MySQL : la différence entre la soumission automatique et la soumission manuelle
Mar 16, 2024 am 11:33 AM
Traitement des transactions MySQL : la différence entre la soumission automatique et la soumission manuelle
Traitement des formulaires PHP : requête et filtrage des données du formulaire
Aug 07, 2023 pm 06:17 PM
Traitement des formulaires PHP : requête et filtrage des données du formulaire
Comment utiliser HTML, CSS et jQuery pour réaliser la fonction avancée de sauvegarde automatique des formulaires
Oct 28, 2023 am 08:20 AM
Comment utiliser HTML, CSS et jQuery pour réaliser la fonction avancée de sauvegarde automatique des formulaires
Comment créer un formulaire avec une invite flottante en utilisant HTML, CSS et jQuery
Oct 25, 2023 am 10:48 AM
Comment créer un formulaire avec une invite flottante en utilisant HTML, CSS et jQuery
