一区二区三区在线-一区二区三区亚洲视频-一区二区三区亚洲-一区二区三区午夜-一区二区三区四区在线视频-一区二区三区四区在线免费观看

服務(wù)器之家:專注于服務(wù)器技術(shù)及軟件下載分享
分類導(dǎo)航

node.js|vue.js|jquery|angularjs|React|json|js教程|

服務(wù)器之家 - 編程語言 - JavaScript - form.submit()不能提交表單的錯(cuò)誤原因及解決方法

form.submit()不能提交表單的錯(cuò)誤原因及解決方法

2021-03-30 18:36JavaScript教程網(wǎng) JavaScript

button的id不要設(shè)置為submit,否則可能會引起混淆,導(dǎo)致表單的submit()方法不能提交表單

直接上代碼把:

?
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
<div id="register">
 
<h4>會員注冊</h4>
 
<div class="formdiv">
 
<form method="post" action="register.php?action=register" name="register" id="registerForm">
 
<dl>
 
<dt>請認(rèn)真填寫以下內(nèi)容</dt>
 
<dd class="hasspan">
 
用戶名:<input type="text" name="username">
 
</dd>
 
<dd class="hasspan">
 
密碼:<input type="password" name="pwd">
 
</dd>
 
<dd class="hasspan">
 
確認(rèn)密碼:<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;">
 
驗(yàn)證碼:<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>
 
表單數(shù)據(jù)提交到本頁面,下面是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 '你提交了數(shù)據(jù)';
 
exit();
 
}

結(jié)果是測試了許久都沒有看到提示信息,以為是代碼錯(cuò)了或者方法寫錯(cuò)了,仔細(xì)核對,在結(jié)果官方文檔,確認(rèn)沒有出錯(cuò)。

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

this.type="submit"

在網(wǎng)上查了資料,原因歸結(jié)為兩點(diǎn):

1、表單中不能有name=”submit” 的標(biāo)簽

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

經(jīng)測試,此兩點(diǎn)乃荒謬,并沒有解決我的問題(或許是我的問題環(huán)境不一樣)

后來,以為論壇的壇友建議我把注冊按鈕的ID改個(gè)名字,不用submit。改正之后,表單正常提交,提示信息出現(xiàn)。

最后總結(jié):button的id不要設(shè)置為submit,否則可能會引起混淆,導(dǎo)致表單的submit()方法不能提交表單。在命名ID時(shí),名字最好不要和現(xiàn)有的api在名稱上重復(fù),避免不必要的煩擾。

延伸 · 閱讀

精彩推薦
主站蜘蛛池模板: 毛片亚洲毛片亚洲毛片 | 双性肉文高h | 欧美男男gaysgays | 欧美久久天天综合香蕉伊 | 日本护士厕所xxx | 啪啪链接 | 拿捏小说 | 精品无码久久久久久久动漫 | 日韩欧美亚洲一区精选 | 色老板美国在线观看 | 午夜理伦片免费 | 国产婷婷综合丁香亚洲欧洲 | 国产亚洲欧美在线中文bt天堂网 | 无码天堂亚洲国产AV久久 | 天若有情1992国语版完整版 | 日本噜噜影院 | 思久久 | 私人影院在线播放 | 亚洲精品一区在线观看 | 乖女的嫩奶水h文孕妇 | 成年人免费在线视频 | 欧美国产影院 | 国产午夜精品一区二区三区不卡 | 99久久爱热6在线播放 | 成年性生交大片免费看 | 调教全程肉动画片在线观看 | 国产-第1页-草草影院 | 91精品综合国产在线观看 | 天天综合网天天做天天受 | 视频一区二区在线 | 99久热只有精品视频免费看 | www.4虎影院 w7w7w7w7w免费 | 亚洲国产精品久久网午夜小说 | 男人狂躁女人下半身 | 2022天堂岛日产 | 奇米777四色精品综合影院 | 四虎综合九九色九九综合色 | 波多野结衣在线免费观看 | 美国大片成人性网 | 五月天婷婷精品免费视频 | 99在线观看视频 |