Maison  >  Article  >  interface Web  >  Analyse de la différence entre le formulaire de soumission JavaScript et la soumission

Analyse de la différence entre le formulaire de soumission JavaScript et la soumission

黄舟
黄舟original
2017-11-18 15:13:392758parcourir

Dans nos deux articles précédents, nous vous avons présenté plusieurs méthodes permettant à JavaScript d'implémenter les formulaires de soumission, ainsi que des méthodes de vérification des formulaires de soumission JavaScript, et il existe certaines soumissions dans le formulaire de soumission. alors aujourd'hui, nous allons vous donner une analyse de la différence entre le formulaire de soumission JavaScript et la soumission de la soumission

<!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 du formulaire dans ! méthode get, il y a une action dedans Vous ne pouvez pas utiliser l'url pour transmettre la valeur, mais la publication peut être transmise comme ceci

La différence entre la soumission js et le bouton de soumission soumission :

1. Lorsque js soumet le formulaire, il n'apportera pas la valeur du bouton de soumission (car il n'a pas été cliqué sur tous les navigateurs

2. Les navigateurs W3c apporteront le bouton de soumission lorsque la saisie est enfoncée. La valeur, ie6, n'apportera pas

Solution : Ajoutez un champ caché, utilisez-le pour juger, quelle que soit la méthode utilisée pour soumettre, il y aura une valeur

Lier l'événement de soumission sur le bouton de soumission :

c'est-à-dire :

<input type="submit" name="btn" value="btn" onclick="test()" />

apporteront tous la valeur de soumission, et le statut de soumission ne peut pas être détecté lors de la soumission avec js

w3c : Soumettez une fois

ie6 : Soumettez en deux fois, soumettez d'abord js sous le formulaire

Solution :

Si le bouton S'il est soumis, utilisez la détection d'événement onsubmit

Si le bouton est un bouton, l'événement de soumission

Assurez-vous de ne pas utiliser js pour soumettre le formulaire, puis utilisez onsubmit pour détecter Soumettez-le simplement avec js La soumission du formulaire est bloquée sous form, alert, ff, while autres navigateurs

Résumé :

D'après l'introduction détaillée de cet article, je crois les amis, quelle est la différence entre JavaScript formulaire de soumission et soumettre la soumission ? Les amis peuvent décider lequel choisir en fonction de leurs propres besoins !

Recommandations associées :

Partage de trois méthodes de vérification du formulaire de soumission JavaScript


Plusieurs façons de soumettre des formulaires avec JavaScript


Exemples de formulaires de traitement Javascript (formulaire de soumission javascript)

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!

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