激情久久久_欧美视频区_成人av免费_不卡视频一二三区_欧美精品在欧美一区二区少妇_欧美一区二区三区的

服務(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,否則可能會(huì)引起混淆,導(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>會(huì)員注冊(cè)</h4>
 
<div class="formdiv">
 
<form method="post" action="register.php?action=register" name="register" id="registerForm">
 
<dl>
 
<dt>請(qǐng)認(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="注冊(cè)">
 
<input type="button" name="quit" id="quit" value="退出">
 
</dd>
 
</dl>
 
</form>
 
</div>
 
</div>
 
表單數(shù)據(jù)提交到本頁面,下面是js處理
 
/*注冊(cè)表單提交*/
 
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é)果是測(cè)試了許久都沒有看到提示信息,以為是代碼錯(cuò)了或者方法寫錯(cuò)了,仔細(xì)核對(duì),在結(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)測(cè)試,此兩點(diǎn)乃荒謬,并沒有解決我的問題(或許是我的問題環(huán)境不一樣)

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

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

延伸 · 閱讀

精彩推薦
主站蜘蛛池模板: 日本黄色不卡视频 | 精品国产91久久久 | 在线天堂中文字幕 | 国产精品刺激对白麻豆99 | 一级成人欧美一区在线观看 | 毛片国产 | 亚洲第一成人在线观看 | 天天鲁在线视频免费观看 | 日韩黄色影视 | 三级国产三级在线 | 亚洲精品久久久久久下一站 | 久久成人在线观看 | 久久成人国产精品 | 欧美激情性色生活片在线观看 | 在线观看免费精品 | 成年免费视频黄网站在线观看 | 免费在线观看午夜视频 | 欧美一级特黄aaaaaaa什 | 久久精品亚洲国产奇米99 | 中文在线观看视频 | 少妇一级淫片高潮流水电影 | 性盈盈盈影院 | 国产一区二区三区视频在线 | 91九色网址 | 久久精品一区视频 | 99riav视频一区二区 | 久久影城| 亚洲精品欧美一区二区三区 | 99成人精品视频 | 亚洲第一成人久久网站 | 久久国产精品区 | 一分钟免费观看完整版电影 | 久草在线免费看 | 黄在线观看在线播放720p | 日韩视频二区 | 在线影院av| 91精品视频网址 | 日韩黄色免费在线观看 | 久久久毛片视频 | 天堂成人国产精品一区 | 艹逼|