Maison interface Web js tutoriel Causes d'erreur et solutions lorsque form.submit() ne peut pas soumettre les compétences form_javascript

Causes d'erreur et solutions lorsque form.submit() ne peut pas soumettre les compétences form_javascript

May 16, 2016 pm 04:34 PM
form submit

Allez directement sur le code :

<div id="register">

<h4>会员注册</h4>

<div class="formdiv">

<form method="post" action="register.php&#63;action=register" name="register" id="registerForm">

<dl>

<dt>请认真填写以下内容</dt>

<dd class="hasspan">

用户名:<input type="text" name="username">

</dd>

<dd class="hasspan">

密码:<input type="password" name="pwd">

</dd>

<dd class="hasspan">

确认密码:<input type="password" name="pwdagain">

</dd>

<dd id="tximg">

<img src="img/face/m01.gif" alt="选择头像" id="faceimg">

<input type="hidden" name="touxiang" value="">

<label id="imgsrclabel">m01.gif</label>

</dd>

<dd style="margin-right:120px;">

验证码:<input type="text" name="code">

<span>

<img src="code.php" alt="code" id="code" name="code">

<a href="#code" id="change">换一张</a>

</span>

</dd>

<dd class="btns">

<input type="button" name="submit" id="submit" value="注册">

<input type="button" name="quit" id="quit" value="退出">

</dd>

</dl>

</form>

</div>

</div>

表单数据提交到本页面,下面是js处理

/*注册表单提交*/

function formDeal()

{

var btnSubmit = document.getElementById('submit');

var formId = document.getElementById('registerForm');

btnSubmit.onclick = function()

{

//表单的submit()方法不能提交表单

formId.submit();

}


}

如果表单提交,在本页面有一段提示信息

if(!empty($_GET['action']) && $_GET['action'] == 'register')

{

echo '你提交了数据';

exit();

}
Copier après la connexion

Le résultat est que je n'ai pas vu le message d'invite après le test pendant longtemps. Je pensais que le code était erroné ou que la méthode était mal écrite. J'ai vérifié attentivement et vérifié le document de résultats officiel pour confirmer qu'il n'y en avait pas. erreur.

formId.submit() ne peut pas être soumis, je dois donc changer le type de btnSubmit à soumettre

this.type="submit"

Après vérification des informations en ligne, les raisons peuvent se résumer en deux points :

1. Le formulaire ne peut pas avoir la balise name="submit"

2. "enctype="multipart/form-data"" ne peut pas manquer dans le formulaire

Après tests, ces deux points sont ridicules et ne résolvent pas mon problème (peut-être que mon environnement problématique est différent)

Plus tard, j'ai pensé que certains amis du forum m'avaient suggéré de changer l'ID du bouton d'inscription par un nouveau nom au lieu de soumettre. Après la correction, le formulaire est soumis normalement et le message d'invite apparaît.

Résumé final : ne définissez pas l'identifiant du bouton à soumettre, sinon cela pourrait prêter à confusion et empêcher la méthode submit() du formulaire de soumettre le formulaire. Lorsque vous nommez l'ID, il est préférable de ne pas dupliquer le nom avec l'API existante pour éviter des désagréments inutiles.

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

Outils d'IA chauds

Undresser.AI Undress

Undresser.AI Undress

Application basée sur l'IA pour créer des photos de nu réalistes

AI Clothes Remover

AI Clothes Remover

Outil d'IA en ligne pour supprimer les vêtements des photos.

Undress AI Tool

Undress AI Tool

Images de déshabillage gratuites

Clothoff.io

Clothoff.io

Dissolvant de vêtements AI

Video Face Swap

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 !

Outils chauds

Bloc-notes++7.3.1

Bloc-notes++7.3.1

Éditeur de code facile à utiliser et gratuit

SublimeText3 version chinoise

SublimeText3 version chinoise

Version chinoise, très simple à utiliser

Envoyer Studio 13.0.1

Envoyer Studio 13.0.1

Puissant environnement de développement intégré PHP

Dreamweaver CS6

Dreamweaver CS6

Outils de développement Web visuel

SublimeText3 version Mac

SublimeText3 version Mac

Logiciel d'édition de code au niveau de Dieu (SublimeText3)

Binaryx est à nouveau renommé la forme, et les quatre qu'il donne à la communauté est sur le point de monter en flèche? Binaryx est à nouveau renommé la forme, et les quatre qu'il donne à la communauté est sur le point de monter en flèche? Mar 04, 2025 pm 12:00 PM

Le changement de nom de jeton de Binaryx: de BNX à quatre, puis à former, la signification profonde derrière les ajustements stratégiques Binaryx a récemment changé le symbole de jeton de quatre $ à $, ce qui a attiré une attention généralisée de l'industrie. Ce n'est pas la première fois que Binaryx change son nom, et son symbole de jeton subit une transition de BNX à quatre. Cet article explorera en profondeur les intentions stratégiques derrière cette série de changements de nom. 1. Processus de changement de nom de jetons et considérations stratégiques Binaryx a initialement lancé le jeton $ BNX basé sur la chaîne BNB en 2021 pour soutenir son écosystème de jeu de jeu à la sécurité (P2E). Au début de 2024, afin d'optimiser le modèle économique, Binaryx a divisé $ bnx et s'est progressivement étendu à GameF

Comment utiliser v-on:submit pour écouter les événements de soumission de formulaire dans Vue Comment utiliser v-on:submit pour écouter les événements de soumission de formulaire dans Vue Jun 11, 2023 am 10:48 AM

Vue est un framework JavaScript populaire qui aide les développeurs à créer des applications frontales interactives. Les formulaires sont des éléments d'interface très courants dans les applications Vue. Lorsque l'utilisateur saisit des données dans le formulaire et les soumet, nous devrons peut-être écouter l'événement de soumission du formulaire. Cet article explique comment utiliser la directive v-on:submit dans Vue pour écouter les événements de soumission de formulaire. Premièrement, définir des éléments de formulaire dans Vue nécessite l'utilisation de la syntaxe de liaison de données de Vue. Disons que nous avons un formulaire,

Peut-il y avoir plusieurs formulaires en HTML5 ? Peut-il y avoir plusieurs formulaires en HTML5 ? Aug 01, 2022 pm 05:28 PM

Il peut y avoir plusieurs formulaires en HTML5. Les règles permettent d'utiliser plusieurs balises de formulaire dans la même page HTML. Cependant, afin d'éviter que le backend ne la reconnaisse lors de la soumission, vous devez ajouter différents identifiants ou classes au formulaire. La syntaxe est "<from action=". "url" id=" id value 1">Élément de formulaire</from><from action="url" id="id value 2">Élément de formulaire</from>.....".

Quelle est la balise qui définit le formulaire en html5 Quelle est la balise qui définit le formulaire en html5 Jul 26, 2022 pm 04:26 PM

La balise définissant un formulaire en HTML5 est "<form>". La balise form est utilisée pour créer un formulaire HTML (champ de formulaire) permettant à l'utilisateur de collecter et de transférer les informations utilisateur. Tout le contenu du formulaire sera soumis au serveur avec la syntaxe « <form action="Submit Address" method=" ; Méthode de soumission " name="nom du formulaire">contrôle de formulaire</form>". Un formulaire peut contenir un ou plusieurs éléments de formulaire, tels que input, select et textarea.

Organisez de manière exhaustive les éléments liés aux formulaires ! Organisez de manière exhaustive les éléments liés aux formulaires ! Aug 05, 2022 am 11:45 AM

Cet article vous donne un résumé détaillé des points de connaissances liés aux éléments de formulaire en HTML. J'espère qu'il vous sera utile !

Que dois-je faire si le formulaire ne peut pas être soumis en php ? Que dois-je faire si le formulaire ne peut pas être soumis en php ? Dec 01, 2022 am 09:08 AM

La solution au formulaire ne peut pas être soumise à PHP : 1. Ouvrez le fichier de code correspondant ; 2. Modifiez l'instruction "onload="javascript:document.form1.submit();" ; 3. Changez le nom de la soumission.

php记录搜索引擎蜘蛛爬行记录代码 php记录搜索引擎蜘蛛爬行记录代码 Jun 13, 2016 am 10:08 AM

php记录搜索引擎蜘蛛爬行记录代码。php教程记录搜索引擎蜘蛛爬行记录代码 center form action=setup.php method=post table align=center tr td服务器:/tdtdinput value=localhost name=server //td /tr tr td用

为什么小弟我在php上写的这个代码,在浏览器上什么都不显示 为什么小弟我在php上写的这个代码,在浏览器上什么都不显示 Jun 13, 2016 am 10:24 AM

为什么我在php上写的这个代码,在浏览器上什么都不显示啊

See all articles