interface Web
js tutoriel
Exemple d'analyse de la différence entre les compétences de soumission de formulaire js et de soumission_javascript
Exemple d'analyse de la différence entre les compétences de soumission de formulaire js et de soumission_javascript
L'exemple de cet article analyse la différence entre la soumission d'un formulaire js et la soumission par soumission. Partagez-le avec tout le monde pour votre référence, les détails sont les suivants :
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
</head>
<body>
<script>
function test()
{
document.getElementById("myform").submit();
alert(11);
}
</script>
<form name="myfrom" id="myform" method="get" action="b.php">
<input type="text" name="pwd" value="" />
<input type="submit" name="sub" value="111" />
<input type="button" name="btn" value="btn" onclick="test()" />
</form>
</body>
</html>
Remarque : lors de la soumission d'un formulaire via la méthode get, vous ne pouvez pas utiliser l'url pour transmettre la valeur en action, vous pouvez la transmettre comme ceci
La différence entre la soumission js et la soumission par bouton de soumission :
1. Lorsque js soumet un formulaire, il n'apportera pas la valeur du bouton de soumission (car il n'a pas été cliqué) dans tous les navigateurs
2. Entrez et appuyez sur Entrée pour soumettre. Le navigateur w3c apportera la valeur du bouton de soumission, mais pas ie6
.Solution :
Ajoutez un champ caché, utilisez-le pour juger, quelle que soit la méthode utilisée pour soumettre, il aura de la valeur
Liez l'événement de soumission sur le bouton de soumission :
C'est-à-dire :
La valeur de submit sera incluse et le statut onsubmit ne peut pas être détecté s'il est soumis à l'aide de js
w3c : Soumettre une fois
ie6 : Soumettez en deux étapes, soumettez d'abord js sous le formulaire
Solution :
Si le bouton est soumis, utilisez l'événement onsubmit pour détecter
Si le bouton est un bouton, l'événement de soumission sera déclenché après avoir réussi la détection
Assurez-vous de ne pas utiliser js pour soumettre le formulaire, puis utilisez onsubmit pour le détecter
Utilisez simplement js pour soumettre le formulaire, alerter, bloquer la soumission du formulaire sous ff, et autres navigations
J'espère que cet article sera utile à tout le monde dans la programmation JavaScript.
Outils d'IA chauds
Undresser.AI Undress
Application basée sur l'IA pour créer des photos de nu réalistes
AI Clothes Remover
Outil d'IA en ligne pour supprimer les vêtements des photos.
Undress AI Tool
Images de déshabillage gratuites
Clothoff.io
Dissolvant de vêtements AI
Video Face Swap
Échangez les visages dans n'importe quelle vidéo sans effort grâce à notre outil d'échange de visage AI entièrement gratuit !
Article chaud
Outils chauds
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)
La différence entre H5 et mini-programmes et applications
Apr 06, 2025 am 10:42 AM
H5. La principale différence entre les mini programmes et l'application est: Architecture technique: H5 est basé sur la technologie Web, et les mini-programmes et l'application sont des applications indépendantes. Expérience et fonctions: H5 est légère et facile à utiliser, avec des fonctions limitées; Les mini-programmes sont légers et ont une bonne interactivité; Les applications sont puissantes et ont une expérience fluide. Compatibilité: H5 est compatible multiplateforme, les applets et les applications sont limités par la plate-forme. Coût de développement: H5 a un faible coût de développement, des mini-programmes moyens et une application la plus élevée. Scénarios applicables: H5 convient à l'affichage d'informations, les applets conviennent aux applications légères et les applications conviennent aux fonctions complexes.
Comment définir la protection des mots de passe pour l'exportation PDF sur PS
Apr 06, 2025 pm 04:45 PM
Exporter PDF protégé par mot de passe dans Photoshop: ouvrez le fichier image. Cliquez sur "Fichier" & gt; "Export" & gt; "Exporter en PDF". Définissez l'option "Sécurité" et entrez le même mot de passe deux fois. Cliquez sur "Exporter" pour générer un fichier PDF.
Pourquoi avez-vous besoin d'appeler Vue.User (VUerouter) dans le fichier index.js dans le dossier du routeur?
Apr 05, 2025 pm 01:03 PM
La nécessité d'enregistrer VUerouter dans le fichier index.js dans le dossier du routeur Lors du développement d'applications VUE, vous rencontrez souvent des problèmes de configuration de routage. Spécial...
Comment utiliser XPath pour rechercher à partir d'un nœud DOM spécifié en JavaScript?
Apr 04, 2025 pm 11:15 PM
Explication détaillée de la méthode de recherche XPATH sous les nœuds DOM en JavaScript, nous devons souvent trouver des nœuds spécifiques de l'arbre Dom basé sur les expressions XPath. Si vous avez besoin de ...
Pouvez-vous apprendre à faire des pages H5 par vous-même?
Apr 06, 2025 am 06:36 AM
Il est possible de l'auto-étude de la production de pages H5, mais ce n'est pas un succès rapide. Il nécessite la maîtrise de HTML, CSS et JavaScript, impliquant la conception, le développement frontal et la logique d'interaction arrière. La pratique est la clé et apprenez en terminant des tutoriels, en examinant le matériel et en participant à des projets open source. L'optimisation des performances est également importante, nécessitant une optimisation des images, la réduction des demandes HTTP et l'utilisation de cadres appropriés. La route vers l'auto-apprentissage est longue et nécessite un apprentissage et une communication continus.
Comment vérifier la date de bootstrap
Apr 07, 2025 pm 03:06 PM
Pour vérifier les dates dans Bootstrap, suivez ces étapes: introduisez les scripts et styles requis; initialiser le composant de sélecteur de date; Définissez l'attribut Data-BV-Date pour activer la vérification; Configurer les règles de vérification (telles que les formats de date, les messages d'erreur, etc.); Intégrez le cadre de vérification de bootstrap et vérifiez automatiquement l'entrée de date lorsque le formulaire est soumis.
Le processus de production de pages H5
Apr 06, 2025 am 09:03 AM
Processus de production de page H5: conception: mise en page, style et contenu de la page du plan; Construction de la structure HTML: Utilisez des balises HTML pour créer un cadre de page; Écriture de style CSS: Utilisez CSS pour contrôler l'apparence et la disposition de la page; Implémentation d'interaction JavaScript: écrivez du code pour réaliser l'animation et l'interaction de la page; Optimisation des performances: compressez les images, code et réduisez les demandes HTTP pour améliorer la vitesse de chargement des pages.
La différence dans les résultats de sortie de Console.log: Pourquoi les mêmes variables ont-elles des méthodes d'impression différentes mais des résultats différents?
Apr 04, 2025 am 11:48 AM
Une discussion approfondie des différences de console. La sortie de la log dans cet article analysera les raisons pour lesquelles les résultats de sortie de la fonction Console.log dans un morceau de code sont différents. Les extraits de code impliquent une résolution des paramètres URL ...
