teratail header banner
teratail header banner
質問するログイン新規登録

回答編集履歴

2

修正

2018/12/14 08:37

投稿

m.ts10806
m.ts10806

スコア80888

answer CHANGED
@@ -1,4 +1,35 @@
1
1
  試してませんがボタンがform内にないからでは?
2
2
  幾らformを指定しても送信ボタンとの連動性が失われていると効果がないように思います。
3
3
 
4
- <form>タグ閉じてないのも気になりますが・・
4
+ <form>タグ閉じてないのも気になりますが・・
5
+
6
+ 幾つか検証しました。
7
+
8
+ ```js
9
+ $('#submit').on('click', () => {
10
+ console.log("a");
11
+ $('#form').submit();
12
+ });
13
+ ```
14
+
15
+ formの外
16
+ ```html
17
+ <form id="form">
18
+ <input type="number" required>
19
+ </form>
20
+ <button id="submit" type="button">OK</button>
21
+ ```
22
+ 一瞬コンソール表示されるが、送信される
23
+
24
+ formの中
25
+ ```html
26
+ <form id="form">
27
+ <input type="number" required>
28
+ <button id="submit" type="button">OK</button>
29
+ </form>
30
+ ```
31
+ コンソール表示され、送信もされない。
32
+ ※required外しても送信されない
33
+
34
+
35
+ 「送信されない」はともかくとしてそもそもhtml側の仕様なので「外から後付で起動」は無理なのでは?と予想します。

1

追記

2018/12/14 08:37

投稿

m.ts10806
m.ts10806

スコア80888

answer CHANGED
@@ -1,2 +1,4 @@
1
1
  試してませんがボタンがform内にないからでは?
2
- 幾らformを指定しても送信ボタンとの連動性が失われていると効果がないように思います。
2
+ 幾らformを指定しても送信ボタンとの連動性が失われていると効果がないように思います。
3
+
4
+ <form>タグ閉じてないのも気になりますが・・