搜尋
首頁web前端js教程form.submit()不能提交表單的錯誤原因及解決方法_javascript技巧

直接上代碼把:

<div id="register">

<h4 id="会员注册">会员注册</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="/static/imghwm/default1.png"  data-src="img/face/m01.gif"  class="lazy" 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="/static/imghwm/default1.png"  data-src="code.php"  class="lazy" 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();

}

結果是測試了許久都沒有看到提示訊息,以為是程式碼錯了或方法寫錯了,仔細核對,在結果官方文檔,確認沒有出錯。

formId.submit()不能提交,就暫時只好把btnSubmit的type改為submit

this.type="submit"

上網查了資料,原因歸結為兩點:

1、表單中不能有name=”submit” 的標籤

2、表單中不能缺少《enctype=”multipart/form-data」》

經過測試,此兩點乃荒謬,並沒有解決我的問題(或許是我的問題環境不一樣)

後來,以為論壇的壇友建議我把註冊按鈕的ID改個名字,不用submit。改正之後,表單正常提交,提示訊息出現。

最後總結:button的id不要設定為submit,否則可能會造成混淆,導致表單的submit()方法不能提交表單。在命名ID時,名字最好不要和現有的api在名稱上重複,避免不必要的煩擾。

陳述
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
BinaryX再次更名FORM,还给社区的FOUR即将暴涨?BinaryX再次更名FORM,还给社区的FOUR即将暴涨?Mar 04, 2025 pm 12:00 PM

BinaryX的代币更名:从BNX到FOUR,再到FORM,战略调整背后的深层含义BinaryX近期将代币符号从$FOUR更改为$FORM,引发业界广泛关注。这并非BinaryX首次更名,其代币符号曾经历BNX到FOUR的转变。本文将深入探讨这一系列更名背后的战略意图。一、代币更名历程与战略考量BinaryX最初于2021年推出基于BNB链的$BNX代币,用于支持其Play-to-Earn(P2E)游戏生态。2024年初,为优化经济模型,BinaryX对$BNX进行了分割,并逐渐拓展至GameF

Vue中如何使用v-on:submit监听表单提交事件Vue中如何使用v-on:submit监听表单提交事件Jun 11, 2023 am 10:48 AM

Vue是一个流行的JavaScript框架,可以帮助开发者构建交互性强的前端应用程序。在Vue应用程序中,表单是非常常见的界面元素。当用户在表单中输入数据并提交时,我们可能需要对表单提交事件进行监听处理。这篇文章将介绍如何使用Vue中的v-on:submit指令来监听表单提交事件。首先,在Vue中定义表单元素需要使用Vue的数据绑定语法。假设我们有一个表单,

html5中可以有多个form吗html5中可以有多个form吗Aug 01, 2022 pm 05:28 PM

html5中可以有多个form。在同一个HTML的页面中规则上允许可以用到多个form标签,但是为了防止提交时后台无法识别,需要给表单加上不同的ID或者class,语法“<from action="url" id="id值1">表单元素</from><from action="url" id="id值2">表单元素</from>.....”。

html5定义表单的标签是什么html5定义表单的标签是什么Jul 26, 2022 pm 04:26 PM

html5定义表单的标签是“<form>”。form标签用于创建供用户输入的HTML表单(表单域),以实现用户信息的收集和传递,form中的所有内容都会被提交给服务器;语法“<form action="提交地址" method="提交方式" name="表单名称">表单控件</form>”。form表单中可包含一个或多个表单元素,比如input、select、textarea。

全方位整理与form表单相关的元素!全方位整理与form表单相关的元素!Aug 05, 2022 am 11:45 AM

本篇文章给大家详细整理了HTML中form表单相关元素的知识点,希望对大家有帮助!

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用

form表单无法提交到php怎么办form表单无法提交到php怎么办Dec 01, 2022 am 09:08 AM

form表单无法提交到php的解决办法:1、打开相应的代码文件;2、修改“onload="javascript:document.form1.submit();”语句;3、将submit的name进行更改一下即可。

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

为什么我在php上写的这个代码,在浏览器上什么都不显示啊<?php   if(isset($_POST['Submit'])&& $_POST['Submit']=="登陆"){   $user=$_POST['user']; $pass=$_POST['pass']; if(empt

See all articles

熱AI工具

Undresser.AI Undress

Undresser.AI Undress

人工智慧驅動的應用程序,用於創建逼真的裸體照片

AI Clothes Remover

AI Clothes Remover

用於從照片中去除衣服的線上人工智慧工具。

Undress AI Tool

Undress AI Tool

免費脫衣圖片

Clothoff.io

Clothoff.io

AI脫衣器

AI Hentai Generator

AI Hentai Generator

免費產生 AI 無盡。

熱門文章

R.E.P.O.能量晶體解釋及其做什麼(黃色晶體)
3 週前By尊渡假赌尊渡假赌尊渡假赌
R.E.P.O.最佳圖形設置
3 週前By尊渡假赌尊渡假赌尊渡假赌
R.E.P.O.如果您聽不到任何人,如何修復音頻
3 週前By尊渡假赌尊渡假赌尊渡假赌

熱工具

Dreamweaver CS6

Dreamweaver CS6

視覺化網頁開發工具

WebStorm Mac版

WebStorm Mac版

好用的JavaScript開發工具

禪工作室 13.0.1

禪工作室 13.0.1

強大的PHP整合開發環境

SAP NetWeaver Server Adapter for Eclipse

SAP NetWeaver Server Adapter for Eclipse

將Eclipse與SAP NetWeaver應用伺服器整合。

Safe Exam Browser

Safe Exam Browser

Safe Exam Browser是一個安全的瀏覽器環境,安全地進行線上考試。該軟體將任何電腦變成一個安全的工作站。它控制對任何實用工具的訪問,並防止學生使用未經授權的資源。