recherche

Maison  >  Article  >  interface Web  >  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

WBOY
WBOYoriginal
2016-05-16 15:26:201238parcourir

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 :077e875a3ba655f159fd3623b0af4c41
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.

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：Exemple détaillé de jQuery utilisant $.ajax pour une vérification instantanée_jqueryArticle suivant：Exemple détaillé de jQuery utilisant $.ajax pour une vérification instantanée_jquery

Articles Liés

Voir plus